WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 321色6ページ目 ☆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%☆DESIGN-SCALES詳細を見るシアン・ディープ 500Cyan Deep 500#2194AB配色類似色変換RGB33, 148, 171HSL190°, 68%, 40%☆SEASONAL-PALETTE詳細を見る夏・深い 07Summer Deep 07#1A8FA7配色類似色変換RGB26, 143, 167HSL190°, 73%, 38%☆DESIGN-SCALES詳細を見るシアン・ソフト 700Cyan Soft 700#357A88配色類似色変換RGB53, 122, 136HSL190°, 44%, 37%☆SEASONAL-PALETTE詳細を見る冬・深い 01Winter Deep 01#2F7482配色類似色変換RGB47, 116, 130HSL190°, 47%, 35%☆DESIGN-SCALES詳細を見るシアン・クリア 700Cyan Clear 700#13849A配色類似色変換RGB19, 132, 154HSL190°, 78%, 34%☆NATURAL-PALETTE詳細を見る海カラー 11Ocean 11#1E798C配色類似色変換RGB30, 121, 140HSL190°, 65%, 33%☆DESIGN-SCALES詳細を見るシアン・ディープ 600Cyan Deep 600#1B7283配色類似色変換RGB27, 114, 131HSL190°, 66%, 31%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 05Industrial Palette 05#35585F配色類似色変換RGB53, 88, 95HSL190°, 28%, 29%☆DESIGN-SCALES詳細を見るシアン・ソフト 800Cyan Soft 800#295B65配色類似色変換RGB41, 91, 101HSL190°, 42%, 28%☆DESIGN-SCALES詳細を見るシアン・クリア 800Cyan Clear 800#0F6070配色類似色変換RGB15, 96, 112HSL190°, 76%, 25%☆DESIGN-SCALES詳細を見るシアン・ミュート 800Cyan Muted 800#2B454A配色類似色変換RGB43, 69, 74HSL190°, 26%, 23%☆SURFACE-COLORS詳細を見るガラス質感 18Glass Surface 18#29464C配色類似色変換RGB41, 70, 76HSL190°, 30%, 23%☆DESIGN-SCALES詳細を見るシアン・ディープ 700Cyan Deep 700#14505C配色類似色変換RGB20, 80, 92HSL190°, 64%, 22%☆DESIGN-SCALES詳細を見るシアン・ミュート 900Cyan Muted 900#1D2C2F配色類似色変換RGB29, 44, 47HSL190°, 24%, 15%☆DESIGN-SCALES詳細を見るシアン・ディープ 800Cyan Deep 800#0D2F36配色類似色変換RGB13, 47, 54HSL190°, 61%, 13% 前へ1…4567次へ
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 05Industrial Palette 05#35585F配色類似色変換RGB53, 88, 95HSL190°, 28%, 29%
