WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 3,205色1ページ目 ☆WEBSAFE詳細を見るWeb Safe #FFFFFF#FFFFFF配色類似色変換RGB255, 255, 255HSL0°, 0%, 100%☆CSS詳細を見るwhite#FFFFFF配色類似色変換RGB255, 255, 255HSL0°, 0%, 100%☆GRAYSCALE詳細を見るグレー 100Gray 100#FFFFFF配色類似色変換RGB255, 255, 255HSL0°, 0%, 100%☆CSS詳細を見るsnow#FFFAFA配色類似色変換RGB255, 250, 250HSL0°, 100%, 99%☆GRAYSCALE詳細を見るグレー 99Gray 99#FCFCFC配色類似色変換RGB252, 252, 252HSL0°, 0%, 99%☆GRAYSCALE詳細を見るグレー 98Gray 98#FAFAFA配色類似色変換RGB250, 250, 250HSL0°, 0%, 98%☆UTILITY詳細を見るレッド 50Red 50#FBF4F4配色類似色変換RGB251, 244, 244HSL0°, 47%, 97%☆DESIGN-SCALES詳細を見るレッド・ソフト 50Red Soft 50#FAF4F4配色類似色変換RGB250, 244, 244HSL0°, 37%, 97%☆GRAYSCALE詳細を見るグレー 97Gray 97#F7F7F7配色類似色変換RGB247, 247, 247HSL0°, 0%, 97%☆PURPOSE-UI詳細を見るデンジャー 50Danger 50#FBF4F4配色類似色変換RGB251, 244, 244HSL0°, 47%, 97%☆DESIGN-SCALES詳細を見るレッド・クリア 50Red Clear 50#FCEDED配色類似色変換RGB252, 237, 237HSL0°, 71%, 96%☆CSS詳細を見るwhitesmoke#F5F5F5配色類似色変換RGB245, 245, 245HSL0°, 0%, 96%☆GRAYSCALE詳細を見るグレー 96Gray 96#F5F5F5配色類似色変換RGB245, 245, 245HSL0°, 0%, 96%☆GRAYSCALE詳細を見るグレー 95Gray 95#F2F2F2配色類似色変換RGB242, 242, 242HSL0°, 0%, 95%☆UTILITY詳細を見るレッド 100Red 100#F8E7E7配色類似色変換RGB248, 231, 231HSL0°, 55%, 94%☆NATURAL-PALETTE詳細を見る朝焼けカラー 28Dawn 28#F8E8E8配色類似色変換RGB248, 232, 232HSL0°, 53%, 94%☆DESIGN-SCALES詳細を見るレッド・ソフト 100Red Soft 100#F6EAEA配色類似色変換RGB246, 234, 234HSL0°, 40%, 94%☆DESIGN-SCALES詳細を見るレッド・ミュート 50Red Muted 50#F3ECEC配色類似色変換RGB243, 236, 236HSL0°, 23%, 94%☆GRAYSCALE詳細を見るグレー 94Gray 94#F0F0F0配色類似色変換RGB240, 240, 240HSL0°, 0%, 94%☆GRAYSCALE詳細を見るグレー 93Gray 93#EDEDED配色類似色変換RGB237, 237, 237HSL0°, 0%, 93%☆GRAYSCALE詳細を見るグレー 92Gray 92#EBEBEB配色類似色変換RGB235, 235, 235HSL0°, 0%, 92%☆NATURAL-PALETTE詳細を見る朝焼けカラー 19Dawn 19#F6DADA配色類似色変換RGB246, 218, 218HSL0°, 61%, 91%☆DESIGN-SCALES詳細を見るレッド・クリア 100Red Clear 100#F9D7D7配色類似色変換RGB249, 215, 215HSL0°, 74%, 91%☆NATURAL-PALETTE詳細を見る朝焼けカラー 27Dawn 27#F3DBDB配色類似色変換RGB243, 219, 219HSL0°, 50%, 91%☆GRAYSCALE詳細を見るグレー 91Gray 91#E8E8E8配色類似色変換RGB232, 232, 232HSL0°, 0%, 91%☆WEBSAFE詳細を見るWeb Safe #FFCCCC#FFCCCC配色類似色変換RGB255, 204, 204HSL0°, 100%, 90%☆GRAYSCALE詳細を見るグレー 90Gray 90#E6E6E6配色類似色変換RGB230, 230, 230HSL0°, 0%, 90%☆TONES詳細を見るレッド・ペールRed Pale#FAD1D1配色類似色変換RGB250, 209, 209HSL0°, 80%, 90%☆DESIGN-SCALES詳細を見るレッド・ミュート 100Red Muted 100#EADCDC配色類似色変換RGB234, 220, 220HSL0°, 25%, 89%☆GRAYSCALE詳細を見るグレー 89Gray 89#E3E3E3配色類似色変換RGB227, 227, 227HSL0°, 0%, 89%☆UTILITY詳細を見るレッド 200Red 200#F4CDCD配色類似色変換RGB244, 205, 205HSL0°, 64%, 88%☆GRAYSCALE詳細を見るグレー 88Gray 88#E0E0E0配色類似色変換RGB224, 224, 224HSL0°, 0%, 88%☆GRAYSCALE詳細を見るグレー 87Gray 87#DEDEDE配色類似色変換RGB222, 222, 222HSL0°, 0%, 87%☆CSS詳細を見るgainsboro#DCDCDC配色類似色変換RGB220, 220, 220HSL0°, 0%, 86%☆DESIGN-SCALES詳細を見るレッド・ソフト 200Red Soft 200#EACCCC配色類似色変換RGB234, 204, 204HSL0°, 42%, 86%☆GRAYSCALE詳細を見るグレー 86Gray 86#DBDBDB配色類似色変換RGB219, 219, 219HSL0°, 0%, 86%☆GRAYSCALE詳細を見るグレー 85Gray 85#D9D9D9配色類似色変換RGB217, 217, 217HSL0°, 0%, 85%☆DESIGN-SCALES詳細を見るレッド・ディープ 50Red Deep 50#EFBEBE配色類似色変換RGB239, 190, 190HSL0°, 60%, 84%☆GRAYSCALE詳細を見るグレー 84Gray 84#D6D6D6配色類似色変換RGB214, 214, 214HSL0°, 0%, 84%☆CSS詳細を見るlightgray#D3D3D3配色類似色変換RGB211, 211, 211HSL0°, 0%, 83%☆CSS詳細を見るlightgrey#D3D3D3配色類似色変換RGB211, 211, 211HSL0°, 0%, 83%☆DESIGN-SCALES詳細を見るレッド・クリア 200Red Clear 200#F5B3B3配色類似色変換RGB245, 179, 179HSL0°, 77%, 83%☆GRAYSCALE詳細を見るグレー 83Gray 83#D4D4D4配色類似色変換RGB212, 212, 212HSL0°, 0%, 83%☆GRAYSCALE詳細を見るグレー 82Gray 82#D1D1D1配色類似色変換RGB209, 209, 209HSL0°, 0%, 82%☆PASTEL詳細を見るパステル 000Pastel 000#EAB8B8配色類似色変換RGB234, 184, 184HSL0°, 54%, 82%☆DESIGN-SCALES詳細を見るレッド・ミュート 200Red Muted 200#DBC2C2配色類似色変換RGB219, 194, 194HSL0°, 26%, 81%☆GRAYSCALE詳細を見るグレー 81Gray 81#CFCFCF配色類似色変換RGB207, 207, 207HSL0°, 0%, 81%☆WEBSAFE詳細を見るWeb Safe #CCCCCC#CCCCCC配色類似色変換RGB204, 204, 204HSL0°, 0%, 80% 123…67次へ
