WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 661色13ページ目 ☆SEASONAL-PALETTE詳細を見る冬・アクセント 12Winter Accent 12#968FE5配色類似色変換RGB150, 143, 229HSL245°, 62%, 73%☆DESIGN-SCALES詳細を見るインディゴ・クリア 300Indigo Clear 300#8D84F0配色類似色変換RGB141, 132, 240HSL245°, 78%, 73%☆DESIGN-SCALES詳細を見るインディゴ・ディープ 200Indigo Deep 200#8F87E3配色類似色変換RGB143, 135, 227HSL245°, 62%, 71%☆UTILITY詳細を見るインディゴ 400Indigo 400#8177EE配色類似色変換RGB129, 119, 238HSL245°, 78%, 70%☆TONES詳細を見るインディゴ・ソフトIndigo Soft#8881DA配色類似色変換RGB136, 129, 218HSL245°, 55%, 68%☆DESIGN-SCALES詳細を見るインディゴ・ソフト 400Indigo Soft 400#847DCF配色類似色変換RGB132, 125, 207HSL245°, 46%, 65%☆DESIGN-SCALES詳細を見るインディゴ・クリア 400Indigo Clear 400#5D51EC配色類似色変換RGB93, 81, 236HSL245°, 80%, 62%☆DESIGN-SCALES詳細を見るインディゴ・ディープ 300Indigo Deep 300#675CDB配色類似色変換RGB103, 92, 219HSL245°, 64%, 61%☆DESIGN-SCALES詳細を見るインディゴ・ミュート 400Indigo Muted 400#7F7AB8配色類似色変換RGB127, 122, 184HSL245°, 30%, 60%☆SEASONAL-PALETTE詳細を見る冬・深い 12Winter Deep 12#6A61CA配色類似色変換RGB106, 97, 202HSL245°, 50%, 59%☆TONES詳細を見るインディゴ・ブライトIndigo Bright#4536F2配色類似色変換RGB69, 54, 242HSL245°, 88%, 58%☆UTILITY詳細を見るインディゴ 500Indigo 500#4B3CEC配色類似色変換RGB75, 60, 236HSL245°, 82%, 58%☆DESIGN-SCALES詳細を見るインディゴ・ソフト 500Indigo Soft 500#5E55C3配色類似色変換RGB94, 85, 195HSL245°, 48%, 55%☆COLORWHEEL詳細を見る色相 245度Hue 245#3525E4配色類似色変換RGB53, 37, 228HSL245°, 78%, 52%☆VIVID詳細を見るビビッド 245Vivid 245#2714F5配色類似色変換RGB39, 20, 245HSL245°, 92%, 52%☆DESIGN-SCALES詳細を見るインディゴ・クリア 500Indigo Clear 500#3120E9配色類似色変換RGB49, 32, 233HSL245°, 82%, 52%☆DESIGN-SCALES詳細を見るインディゴ・ディープ 400Indigo Deep 400#392BD4配色類似色変換RGB57, 43, 212HSL245°, 66%, 50%☆UTILITY詳細を見るインディゴ 600Indigo 600#2514E1配色類似色変換RGB37, 20, 225HSL245°, 84%, 48%☆DESIGN-SCALES詳細を見るインディゴ・ソフト 600Indigo Soft 600#483FAB配色類似色変換RGB72, 63, 171HSL245°, 46%, 46%☆DESIGN-SCALES詳細を見るインディゴ・クリア 600Indigo Clear 600#2516C5配色類似色変換RGB37, 22, 197HSL245°, 80%, 43%☆DESIGN-SCALES詳細を見るインディゴ・ミュート 600Indigo Muted 600#4E4988配色類似色変換RGB78, 73, 136HSL245°, 30%, 41%☆DESIGN-SCALES詳細を見るインディゴ・ディープ 500Indigo Deep 500#2C21AB配色類似色変換RGB44, 33, 171HSL245°, 68%, 40%☆UTILITY詳細を見るインディゴ 700Indigo 700#1F12B5配色類似色変換RGB31, 18, 181HSL245°, 82%, 39%☆TONES詳細を見るインディゴ・ディープIndigo Deep#2215AC配色類似色変換RGB34, 21, 172HSL245°, 78%, 38%☆DESIGN-SCALES詳細を見るインディゴ・ソフト 700Indigo Soft 700#3C3588配色類似色変換RGB60, 53, 136HSL245°, 44%, 37%☆DESIGN-SCALES詳細を見るインディゴ・クリア 700Indigo Clear 700#1E139A配色類似色変換RGB30, 19, 154HSL245°, 78%, 34%☆DESIGN-SCALES詳細を見るインディゴ・ミュート 700Indigo Muted 700#3F3B68配色類似色変換RGB63, 59, 104HSL245°, 28%, 32%☆DESIGN-SCALES詳細を見るインディゴ・ディープ 600Indigo Deep 600#241B83配色類似色変換RGB36, 27, 131HSL245°, 66%, 31%☆UTILITY詳細を見るインディゴ 800Indigo 800#1B1188配色類似色変換RGB27, 17, 136HSL245°, 78%, 30%☆DESIGN-SCALES詳細を見るインディゴ・ソフト 800Indigo Soft 800#2E2965配色類似色変換RGB46, 41, 101HSL245°, 42%, 28%☆DESIGN-SCALES詳細を見るインディゴ・クリア 800Indigo Clear 800#170F70配色類似色変換RGB23, 15, 112HSL245°, 76%, 25%☆TONES詳細を見るインディゴ・ダークIndigo Dark#201A61配色類似色変換RGB32, 26, 97HSL245°, 58%, 24%☆UTILITY詳細を見るインディゴ 900Indigo 900#17115F配色類似色変換RGB23, 17, 95HSL245°, 70%, 22%☆DESIGN-SCALES詳細を見るインディゴ・ディープ 700Indigo Deep 700#1A145C配色類似色変換RGB26, 20, 92HSL245°, 64%, 22%☆DESIGN-SCALES詳細を見るインディゴ・ソフト 900Indigo Soft 900#221F47配色類似色変換RGB34, 31, 71HSL245°, 39%, 20%☆DESIGN-SCALES詳細を見るインディゴ・ディープ 900Indigo Deep 900#0A0821配色類似色変換RGB10, 8, 33HSL245°, 61%, 8%☆DESIGN-SCALES詳細を見るインディゴ・ソフト 200Indigo Soft 200#CFCCEA配色類似色変換RGB207, 204, 234HSL246°, 42%, 86%☆SEASONAL-PALETTE詳細を見る冬・軽やか 12Winter Air 12#C7C3ED配色類似色変換RGB199, 195, 237HSL246°, 54%, 85%☆SEASONAL-PALETTE詳細を見る冬・穏やか 12Winter Calm 12#BFBCDB配色類似色変換RGB191, 188, 219HSL246°, 30%, 80%☆DESIGN-SCALES詳細を見るインディゴ・ディープ 100Indigo Deep 100#AFA9EA配色類似色変換RGB175, 169, 234HSL246°, 61%, 79%☆DESIGN-SCALES詳細を見るインディゴ・ミュート 300Indigo Muted 300#A4A0CA配色類似色変換RGB164, 160, 202HSL246°, 28%, 71%☆CREATIVE-PALETTE詳細を見るモダン配色用カラー 19Modern Palette 19#9995BC配色類似色変換RGB153, 149, 188HSL246°, 23%, 66%☆COLORWHEEL詳細を見る色相 246度Hue 246#3825E4配色類似色変換RGB56, 37, 228HSL246°, 78%, 52%☆CREATIVE-PALETTE詳細を見るエレガント配色用カラー 02Elegant Palette 02#39336B配色類似色変換RGB57, 51, 107HSL246°, 35%, 31%☆DESIGN-SCALES詳細を見るインディゴ・ミュート 800Indigo Muted 800#2E2B4A配色類似色変換RGB46, 43, 74HSL246°, 26%, 23%☆DESIGN-SCALES詳細を見るインディゴ・クリア 900Indigo Clear 900#110B4B配色類似色変換RGB17, 11, 75HSL246°, 74%, 17%☆NATURAL-PALETTE詳細を見る夜空カラー 20Night 20#121023配色類似色変換RGB18, 16, 35HSL246°, 37%, 10%☆UTILITY詳細を見るインディゴ 100Indigo 100#E9E7F8配色類似色変換RGB233, 231, 248HSL247°, 55%, 94% 前へ1…11121314次へ