WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 3,205色38ページ目 ☆NATURAL-PALETTE詳細を見る水カラー 09Water 09#71CEDF配色類似色変換RGB113, 206, 223HSL189°, 63%, 66%☆NATURAL-PALETTE詳細を見る空カラー 04Sky 04#39CAE4配色類似色変換RGB57, 202, 228HSL189°, 76%, 56%☆COLORWHEEL詳細を見る色相 189度Hue 189#25C7E4配色類似色変換RGB37, 199, 228HSL189°, 78%, 52%☆WORLD-COLORS詳細を見るカリビアンブルーCaribbean Blue#1AC1DD配色類似色変換RGB26, 193, 221HSL189°, 79%, 48%☆SURFACE-COLORS詳細を見るガラス質感 13Glass Surface 13#53868F配色類似色変換RGB83, 134, 143HSL189°, 27%, 44%☆DESIGN-SCALES詳細を見るシアン・ミュート 700Cyan Muted 700#3B6168配色類似色変換RGB59, 97, 104HSL189°, 28%, 32%☆NATURAL-PALETTE詳細を見る海カラー 02Ocean 02#157081配色類似色変換RGB21, 112, 129HSL189°, 72%, 29%☆DESIGN-SCALES詳細を見るシアン・ソフト 900Cyan Soft 900#1F4147配色類似色変換RGB31, 65, 71HSL189°, 39%, 20%☆DESIGN-SCALES詳細を見るシアン・クリア 900Cyan Clear 900#0B414B配色類似色変換RGB11, 65, 75HSL189°, 74%, 17%☆DESIGN-SCALES詳細を見るシアン・ソフト 50Cyan Soft 50#F4F9FA配色類似色変換RGB244, 249, 250HSL190°, 37%, 97%☆SURFACE-COLORS詳細を見るガラス質感 01Glass Surface 01#F2F7F8配色類似色変換RGB242, 247, 248HSL190°, 30%, 96%☆DESIGN-SCALES詳細を見るシアン・ソフト 100Cyan Soft 100#EAF4F6配色類似色変換RGB234, 244, 246HSL190°, 40%, 94%☆SURFACE-COLORS詳細を見るガラス質感 02Glass Surface 02#E4EEF0配色類似色変換RGB228, 238, 240HSL190°, 29%, 92%☆DESIGN-SCALES詳細を見るシアン・ソフト 200Cyan Soft 200#CCE5EA配色類似色変換RGB204, 229, 234HSL190°, 42%, 86%☆DESIGN-SCALES詳細を見るシアン・ディープ 50Cyan Deep 50#BEE7EF配色類似色変換RGB190, 231, 239HSL190°, 60%, 84%☆DESIGN-SCALES詳細を見るシアン・クリア 200Cyan Clear 200#B3EAF5配色類似色変換RGB179, 234, 245HSL190°, 77%, 83%☆PASTEL詳細を見るパステル 190Pastel 190#B8E2EA配色類似色変換RGB184, 226, 234HSL190°, 54%, 82%☆DESIGN-SCALES詳細を見るシアン・ミュート 200Cyan Muted 200#C2D7DB配色類似色変換RGB194, 215, 219HSL190°, 26%, 81%☆DESIGN-SCALES詳細を見るシアン・ディープ 100Cyan Deep 100#A9DFEA配色類似色変換RGB169, 223, 234HSL190°, 61%, 79%☆DESIGN-SCALES詳細を見るシアン・ソフト 300Cyan Soft 300#A7D4DD配色類似色変換RGB167, 212, 221HSL190°, 44%, 76%☆DESIGN-SCALES詳細を見るシアン・クリア 300Cyan Clear 300#84DEF0配色類似色変換RGB132, 222, 240HSL190°, 78%, 73%☆DESIGN-SCALES詳細を見るシアン・ディープ 200Cyan Deep 200#87D4E3配色類似色変換RGB135, 212, 227HSL190°, 62%, 71%☆DESIGN-SCALES詳細を見るシアン・ミュート 300Cyan Muted 300#A0C3CA配色類似色変換RGB160, 195, 202HSL190°, 28%, 71%☆SEASONAL-PALETTE詳細を見る夏・霞んだ 07Summer Mist 07#8FC9D5配色類似色変換RGB143, 201, 213HSL190°, 45%, 70%☆NATURAL-PALETTE詳細を見る水カラー 18Water 18#86CFDD配色類似色変換RGB134, 207, 221HSL190°, 56%, 70%☆SEASONAL-PALETTE詳細を見る夏・明るい 07Summer Bright 07#6FD6EA配色類似色変換RGB111, 214, 234HSL190°, 75%, 68%☆SEASONAL-PALETTE詳細を見る冬・明るい 01Winter Bright 01#78C2D1配色類似色変換RGB120, 194, 209HSL190°, 49%, 65%☆DESIGN-SCALES詳細を見るシアン・ソフト 400Cyan Soft 400#7DC1CF配色類似色変換RGB125, 193, 207HSL190°, 46%, 65%☆SEASONAL-PALETTE詳細を見る夏・軽やか 07Summer Air 07#5CD2EA配色類似色変換RGB92, 210, 234HSL190°, 77%, 64%☆DESIGN-SCALES詳細を見るシアン・クリア 400Cyan Clear 400#51D2EC配色類似色変換RGB81, 210, 236HSL190°, 80%, 62%☆SURFACE-COLORS詳細を見るガラス質感 09Glass Surface 09#83AEB7配色類似色変換RGB131, 174, 183HSL190°, 27%, 62%☆DESIGN-SCALES詳細を見るシアン・ディープ 300Cyan Deep 300#5CC6DB配色類似色変換RGB92, 198, 219HSL190°, 64%, 61%☆SEASONAL-PALETTE詳細を見る冬・軽やか 01Winter Air 01#67BDCE配色類似色変換RGB103, 189, 206HSL190°, 51%, 61%☆NATURAL-PALETTE詳細を見る空カラー 13Sky 13#51C8DF配色類似色変換RGB81, 200, 223HSL190°, 69%, 60%☆SEASONAL-PALETTE詳細を見る夏・穏やか 07Summer Calm 07#5EBBCE配色類似色変換RGB94, 187, 206HSL190°, 53%, 59%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 05Minimal Palette 05#7FA6AE配色類似色変換RGB127, 166, 174HSL190°, 22%, 59%☆DESIGN-SCALES詳細を見るシアン・ソフト 500Cyan Soft 500#55B1C3配色類似色変換RGB85, 177, 195HSL190°, 48%, 55%☆SEASONAL-PALETTE詳細を見る冬・穏やか 01Winter Calm 01#6FA2AC配色類似色変換RGB111, 162, 172HSL190°, 27%, 55%☆VIVID詳細を見るビビッド 190Vivid 190#14D0F5配色類似色変換RGB20, 208, 245HSL190°, 92%, 52%☆SEASONAL-PALETTE詳細を見る夏・アクセント 07Summer Accent 07#1CCAED配色類似色変換RGB28, 202, 237HSL190°, 85%, 52%☆DESIGN-SCALES詳細を見るシアン・クリア 500Cyan Clear 500#20C8E9配色類似色変換RGB32, 200, 233HSL190°, 82%, 52%☆COLORWHEEL詳細を見る色相 190度Hue 190#25C4E4配色類似色変換RGB37, 196, 228HSL190°, 78%, 52%☆DESIGN-SCALES詳細を見るシアン・ディープ 400Cyan Deep 400#2BB8D4配色類似色変換RGB43, 184, 212HSL190°, 66%, 50%☆DESIGN-SCALES詳細を見るシアン・ミュート 500Cyan Muted 500#579BA8配色類似色変換RGB87, 155, 168HSL190°, 32%, 50%☆SEASONAL-PALETTE詳細を見る冬・アクセント 01Winter Accent 01#33ADC5配色類似色変換RGB51, 173, 197HSL190°, 59%, 49%☆DESIGN-SCALES詳細を見るシアン・ソフト 600Cyan Soft 600#3F99AB配色類似色変換RGB63, 153, 171HSL190°, 46%, 46%☆DESIGN-SCALES詳細を見るシアン・クリア 600Cyan Clear 600#16A8C5配色類似色変換RGB22, 168, 197HSL190°, 80%, 43%☆DESIGN-SCALES詳細を見るシアン・ミュート 600Cyan Muted 600#497D88配色類似色変換RGB73, 125, 136HSL190°, 30%, 41% 前へ1…3637383940…67次へ
