WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 3,205色46ページ目 ☆UTILITY詳細を見るブルー 100Blue 100#E7EEF8配色類似色変換RGB231, 238, 248HSL215°, 55%, 94%☆DESIGN-SCALES詳細を見るブルー・クリア 100Blue Clear 100#D7E5F9配色類似色変換RGB215, 229, 249HSL215°, 74%, 91%☆TONES詳細を見るブルー・ペールBlue Pale#D1E2FA配色類似色変換RGB209, 226, 250HSL215°, 80%, 90%☆UTILITY詳細を見るブルー 200Blue 200#CDDDF4配色類似色変換RGB205, 221, 244HSL215°, 64%, 88%☆DESIGN-SCALES詳細を見るブルー・クリア 200Blue Clear 200#B3CEF5配色類似色変換RGB179, 206, 245HSL215°, 77%, 83%☆PASTEL詳細を見るパステル 215Pastel 215#B8CDEA配色類似色変換RGB184, 205, 234HSL215°, 54%, 82%☆SEASONAL-PALETTE詳細を見る夏・霞んだ 12Summer Mist 12#B8CAE4配色類似色変換RGB184, 202, 228HSL215°, 45%, 81%☆UTILITY詳細を見るブルー 300Blue 300#A7C6F1配色類似色変換RGB167, 198, 241HSL215°, 73%, 80%☆SEASONAL-PALETTE詳細を見る夏・明るい 12Summer Bright 12#A0C2F1配色類似色変換RGB160, 194, 241HSL215°, 74%, 79%☆DESIGN-SCALES詳細を見るブルー・ディープ 100Blue Deep 100#A9C4EA配色類似色変換RGB169, 196, 234HSL215°, 61%, 79%☆TONES詳細を見るブルー・ライトBlue Light#9FC0EF配色類似色変換RGB159, 192, 239HSL215°, 71%, 78%☆SEASONAL-PALETTE詳細を見る冬・霞んだ 06Winter Mist 06#BBC4D1配色類似色変換RGB187, 196, 209HSL215°, 19%, 78%☆SEASONAL-PALETTE詳細を見る夏・軽やか 12Summer Air 12#8DB6F0配色類似色変換RGB141, 182, 240HSL215°, 77%, 75%☆DESIGN-SCALES詳細を見るブルー・クリア 300Blue Clear 300#84B1F0配色類似色変換RGB132, 177, 240HSL215°, 78%, 73%☆DESIGN-SCALES詳細を見るブルー・ディープ 200Blue Deep 200#87ADE3配色類似色変換RGB135, 173, 227HSL215°, 62%, 71%☆SEASONAL-PALETTE詳細を見る夏・穏やか 12Summer Calm 12#89ABDB配色類似色変換RGB137, 171, 219HSL215°, 53%, 70%☆UTILITY詳細を見るブルー 400Blue 400#77A9EE配色類似色変換RGB119, 169, 238HSL215°, 78%, 70%☆TONES詳細を見るブルー・ソフトBlue Soft#81A6DA配色類似色変換RGB129, 166, 218HSL215°, 55%, 68%☆SEASONAL-PALETTE詳細を見る冬・穏やか 06Winter Calm 06#93A6C1配色類似色変換RGB147, 166, 193HSL215°, 27%, 67%☆DESIGN-SCALES詳細を見るブルー・ソフト 400Blue Soft 400#7D9FCF配色類似色変換RGB125, 159, 207HSL215°, 46%, 65%☆SEASONAL-PALETTE詳細を見る夏・アクセント 12Summer Accent 12#5093F1配色類似色変換RGB80, 147, 241HSL215°, 85%, 63%☆SURFACE-COLORS詳細を見るコンクリート質感 09Concrete Surface 09#979CA3配色類似色変換RGB151, 156, 163HSL215°, 6%, 62%☆DESIGN-SCALES詳細を見るブルー・クリア 400Blue Clear 400#5191EC配色類似色変換RGB81, 145, 236HSL215°, 80%, 62%☆DESIGN-SCALES詳細を見るブルー・ディープ 300Blue Deep 300#5C91DB配色類似色変換RGB92, 145, 219HSL215°, 64%, 61%☆SEASONAL-PALETTE詳細を見る冬・アクセント 06Winter Accent 06#5B8ED5配色類似色変換RGB91, 142, 213HSL215°, 59%, 60%☆DESIGN-SCALES詳細を見るブルー・ミュート 400Blue Muted 400#7A94B8配色類似色変換RGB122, 148, 184HSL215°, 30%, 60%☆TONES詳細を見るブルー・ブライトBlue Bright#3684F2配色類似色変換RGB54, 132, 242HSL215°, 88%, 58%☆NATURAL-PALETTE詳細を見る石カラー 17Stone 17#8893A2配色類似色変換RGB136, 147, 162HSL215°, 12%, 58%☆UTILITY詳細を見るブルー 500Blue 500#3C85EC配色類似色変換RGB60, 133, 236HSL215°, 82%, 58%☆DESIGN-SCALES詳細を見るブルー・ソフト 500Blue Soft 500#5583C3配色類似色変換RGB85, 131, 195HSL215°, 48%, 55%☆COLORWHEEL詳細を見る色相 215度Hue 215#2575E4配色類似色変換RGB37, 117, 228HSL215°, 78%, 52%☆PURPOSE-UI詳細を見るニュートラル 500Neutral 500#7B838E配色類似色変換RGB123, 131, 142HSL215°, 8%, 52%☆VIVID詳細を見るビビッド 215Vivid 215#1472F5配色類似色変換RGB20, 114, 245HSL215°, 92%, 52%☆DESIGN-SCALES詳細を見るブルー・クリア 500Blue Clear 500#2074E9配色類似色変換RGB32, 116, 233HSL215°, 82%, 52%☆CREATIVE-PALETTE詳細を見るモダン配色用カラー 07Modern Palette 07#617DA3配色類似色変換RGB97, 125, 163HSL215°, 26%, 51%☆DESIGN-SCALES詳細を見るブルー・ディープ 400Blue Deep 400#2B71D4配色類似色変換RGB43, 113, 212HSL215°, 66%, 50%☆DESIGN-SCALES詳細を見るブルー・ミュート 500Blue Muted 500#5779A8配色類似色変換RGB87, 121, 168HSL215°, 32%, 50%☆SEASONAL-PALETTE詳細を見る夏・深い 12Summer Deep 12#226DD7配色類似色変換RGB34, 109, 215HSL215°, 73%, 49%☆UTILITY詳細を見るブルー 600Blue 600#1469E1配色類似色変換RGB20, 105, 225HSL215°, 84%, 48%☆SEASONAL-PALETTE詳細を見る冬・深い 06Winter Deep 06#3E6BAB配色類似色変換RGB62, 107, 171HSL215°, 47%, 46%☆DESIGN-SCALES詳細を見るブルー・ソフト 600Blue Soft 600#3F6CAB配色類似色変換RGB63, 108, 171HSL215°, 46%, 46%☆CREATIVE-PALETTE詳細を見るモダン配色用カラー 22Modern Palette 22#4C6C99配色類似色変換RGB76, 108, 153HSL215°, 34%, 45%☆CREATIVE-PALETTE詳細を見るビジネス配色用カラー 07Business Palette 07#406BA6配色類似色変換RGB64, 107, 166HSL215°, 44%, 45%☆DESIGN-SCALES詳細を見るブルー・クリア 600Blue Clear 600#165FC5配色類似色変換RGB22, 95, 197HSL215°, 80%, 43%☆PURPOSE-UI詳細を見るニュートラル 600Neutral 600#636A74配色類似色変換RGB99, 106, 116HSL215°, 8%, 42%☆DESIGN-SCALES詳細を見るブルー・ミュート 600Blue Muted 600#496388配色類似色変換RGB73, 99, 136HSL215°, 30%, 41%☆SURFACE-COLORS詳細を見るコンクリート質感 14Concrete Surface 14#5D6570配色類似色変換RGB93, 101, 112HSL215°, 9%, 40%☆DESIGN-SCALES詳細を見るブルー・ディープ 500Blue Deep 500#215AAB配色類似色変換RGB33, 90, 171HSL215°, 68%, 40% 前へ1…4445464748…67次へ
