WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 3,205色2ページ目 ☆WEBSAFE詳細を見るWeb Safe #FF9999#FF9999配色類似色変換RGB255, 153, 153HSL0°, 100%, 80%☆UTILITY詳細を見るレッド 300Red 300#F1A7A7配色類似色変換RGB241, 167, 167HSL0°, 73%, 80%☆GRAYSCALE詳細を見るグレー 80Gray 80#CCCCCC配色類似色変換RGB204, 204, 204HSL0°, 0%, 80%☆DESIGN-SCALES詳細を見るレッド・ディープ 100Red Deep 100#EAA9A9配色類似色変換RGB234, 169, 169HSL0°, 61%, 79%☆GRAYSCALE詳細を見るグレー 79Gray 79#C9C9C9配色類似色変換RGB201, 201, 201HSL0°, 0%, 79%☆GRAYSCALE詳細を見るグレー 78Gray 78#C7C7C7配色類似色変換RGB199, 199, 199HSL0°, 0%, 78%☆TONES詳細を見るレッド・ライトRed Light#EF9F9F配色類似色変換RGB239, 159, 159HSL0°, 71%, 78%☆GRAYSCALE詳細を見るグレー 77Gray 77#C4C4C4配色類似色変換RGB196, 196, 196HSL0°, 0%, 77%☆DESIGN-SCALES詳細を見るレッド・ソフト 300Red Soft 300#DDA7A7配色類似色変換RGB221, 167, 167HSL0°, 44%, 76%☆GRAYSCALE詳細を見るグレー 76Gray 76#C2C2C2配色類似色変換RGB194, 194, 194HSL0°, 0%, 76%☆CSS詳細を見るsilver#C0C0C0配色類似色変換RGB192, 192, 192HSL0°, 0%, 75%☆GRAYSCALE詳細を見るグレー 75Gray 75#BFBFBF配色類似色変換RGB191, 191, 191HSL0°, 0%, 75%☆GRAYSCALE詳細を見るグレー 74Gray 74#BDBDBD配色類似色変換RGB189, 189, 189HSL0°, 0%, 74%☆DESIGN-SCALES詳細を見るレッド・クリア 300Red Clear 300#F08484配色類似色変換RGB240, 132, 132HSL0°, 78%, 73%☆GRAYSCALE詳細を見るグレー 73Gray 73#BABABA配色類似色変換RGB186, 186, 186HSL0°, 0%, 73%☆CSS詳細を見るlightcoral#F08080配色類似色変換RGB240, 128, 128HSL0°, 79%, 72%☆GRAYSCALE詳細を見るグレー 72Gray 72#B8B8B8配色類似色変換RGB184, 184, 184HSL0°, 0%, 72%☆DESIGN-SCALES詳細を見るレッド・ディープ 200Red Deep 200#E38787配色類似色変換RGB227, 135, 135HSL0°, 62%, 71%☆DESIGN-SCALES詳細を見るレッド・ミュート 300Red Muted 300#CAA0A0配色類似色変換RGB202, 160, 160HSL0°, 28%, 71%☆GRAYSCALE詳細を見るグレー 71Gray 71#B5B5B5配色類似色変換RGB181, 181, 181HSL0°, 0%, 71%☆WEBSAFE詳細を見るWeb Safe #CC9999#CC9999配色類似色変換RGB204, 153, 153HSL0°, 33%, 70%☆WEBSAFE詳細を見るWeb Safe #FF6666#FF6666配色類似色変換RGB255, 102, 102HSL0°, 100%, 70%☆UTILITY詳細を見るレッド 400Red 400#EE7777配色類似色変換RGB238, 119, 119HSL0°, 78%, 70%☆GRAYSCALE詳細を見るグレー 70Gray 70#B2B2B2配色類似色変換RGB178, 178, 178HSL0°, 0%, 70%☆GRAYSCALE詳細を見るグレー 69Gray 69#B0B0B0配色類似色変換RGB176, 176, 176HSL0°, 0%, 69%☆GRAYSCALE詳細を見るグレー 68Gray 68#ADADAD配色類似色変換RGB173, 173, 173HSL0°, 0%, 68%☆TONES詳細を見るレッド・ソフトRed Soft#DA8181配色類似色変換RGB218, 129, 129HSL0°, 55%, 68%☆GRAYSCALE詳細を見るグレー 67Gray 67#ABABAB配色類似色変換RGB171, 171, 171HSL0°, 0%, 67%☆CSS詳細を見るdarkgray#A9A9A9配色類似色変換RGB169, 169, 169HSL0°, 0%, 66%☆CSS詳細を見るdarkgrey#A9A9A9配色類似色変換RGB169, 169, 169HSL0°, 0%, 66%☆GRAYSCALE詳細を見るグレー 66Gray 66#A8A8A8配色類似色変換RGB168, 168, 168HSL0°, 0%, 66%☆CSS詳細を見るrosybrown#BC8F8F配色類似色変換RGB188, 143, 143HSL0°, 25%, 65%☆DESIGN-SCALES詳細を見るレッド・ソフト 400Red Soft 400#CF7D7D配色類似色変換RGB207, 125, 125HSL0°, 46%, 65%☆GRAYSCALE詳細を見るグレー 65Gray 65#A6A6A6配色類似色変換RGB166, 166, 166HSL0°, 0%, 65%☆GRAYSCALE詳細を見るグレー 64Gray 64#A3A3A3配色類似色変換RGB163, 163, 163HSL0°, 0%, 64%☆GRAYSCALE詳細を見るグレー 63Gray 63#A1A1A1配色類似色変換RGB161, 161, 161HSL0°, 0%, 63%☆DESIGN-SCALES詳細を見るレッド・クリア 400Red Clear 400#EC5151配色類似色変換RGB236, 81, 81HSL0°, 80%, 62%☆GRAYSCALE詳細を見るグレー 62Gray 62#9E9E9E配色類似色変換RGB158, 158, 158HSL0°, 0%, 62%☆DESIGN-SCALES詳細を見るレッド・ディープ 300Red Deep 300#DB5C5C配色類似色変換RGB219, 92, 92HSL0°, 64%, 61%☆GRAYSCALE詳細を見るグレー 61Gray 61#9C9C9C配色類似色変換RGB156, 156, 156HSL0°, 0%, 61%☆WEBSAFE詳細を見るWeb Safe #999999#999999配色類似色変換RGB153, 153, 153HSL0°, 0%, 60%☆WEBSAFE詳細を見るWeb Safe #CC6666#CC6666配色類似色変換RGB204, 102, 102HSL0°, 50%, 60%☆WEBSAFE詳細を見るWeb Safe #FF3333#FF3333配色類似色変換RGB255, 51, 51HSL0°, 100%, 60%☆GRAYSCALE詳細を見るグレー 60Gray 60#999999配色類似色変換RGB153, 153, 153HSL0°, 0%, 60%☆DESIGN-SCALES詳細を見るレッド・ミュート 400Red Muted 400#B87A7A配色類似色変換RGB184, 122, 122HSL0°, 30%, 60%☆GRAYSCALE詳細を見るグレー 59Gray 59#969696配色類似色変換RGB150, 150, 150HSL0°, 0%, 59%☆CSS詳細を見るindianred#CD5C5C配色類似色変換RGB205, 92, 92HSL0°, 53%, 58%☆UTILITY詳細を見るレッド 500Red 500#EC3C3C配色類似色変換RGB236, 60, 60HSL0°, 82%, 58% 前へ1234…67次へ
