WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 3,205色47ページ目 ☆UTILITY詳細を見るブルー 700Blue 700#1256B5配色類似色変換RGB18, 86, 181HSL215°, 82%, 39%☆TONES詳細を見るブルー・ディープBlue Deep#1554AC配色類似色変換RGB21, 84, 172HSL215°, 78%, 38%☆DESIGN-SCALES詳細を見るブルー・ソフト 700Blue Soft 700#355788配色類似色変換RGB53, 87, 136HSL215°, 44%, 37%☆DESIGN-SCALES詳細を見るブルー・クリア 700Blue Clear 700#134B9A配色類似色変換RGB19, 75, 154HSL215°, 78%, 34%☆DESIGN-SCALES詳細を見るブルー・ミュート 700Blue Muted 700#3B4E68配色類似色変換RGB59, 78, 104HSL215°, 28%, 32%☆DESIGN-SCALES詳細を見るブルー・ディープ 600Blue Deep 600#1B4683配色類似色変換RGB27, 70, 131HSL215°, 66%, 31%☆UTILITY詳細を見るブルー 800Blue 800#114388配色類似色変換RGB17, 67, 136HSL215°, 78%, 30%☆DESIGN-SCALES詳細を見るブルー・ソフト 800Blue Soft 800#294265配色類似色変換RGB41, 66, 101HSL215°, 42%, 28%☆DESIGN-SCALES詳細を見るブルー・クリア 800Blue Clear 800#0F3870配色類似色変換RGB15, 56, 112HSL215°, 76%, 25%☆TONES詳細を見るブルー・ダークBlue Dark#1A3761配色類似色変換RGB26, 55, 97HSL215°, 58%, 24%☆DESIGN-SCALES詳細を見るブルー・ミュート 800Blue Muted 800#2B384A配色類似色変換RGB43, 56, 74HSL215°, 26%, 23%☆UTILITY詳細を見るブルー 900Blue 900#11325F配色類似色変換RGB17, 50, 95HSL215°, 70%, 22%☆DESIGN-SCALES詳細を見るブルー・ディープ 700Blue Deep 700#14325C配色類似色変換RGB20, 50, 92HSL215°, 64%, 22%☆NATURAL-PALETTE詳細を見る海カラー 10Ocean 10#133058配色類似色変換RGB19, 48, 88HSL215°, 64%, 21%☆DESIGN-SCALES詳細を見るブルー・ソフト 900Blue Soft 900#1F3047配色類似色変換RGB31, 48, 71HSL215°, 39%, 20%☆DESIGN-SCALES詳細を見るブルー・クリア 900Blue Clear 900#0B264B配色類似色変換RGB11, 38, 75HSL215°, 74%, 17%☆UTILITY詳細を見るブルー 950Blue 950#0E203A配色類似色変換RGB14, 32, 58HSL215°, 61%, 14%☆DESIGN-SCALES詳細を見るブルー・ディープ 800Blue Deep 800#0D1E36配色類似色変換RGB13, 30, 54HSL215°, 61%, 13%☆DESIGN-SCALES詳細を見るブルー・ディープ 50Blue Deep 50#BED2EF配色類似色変換RGB190, 210, 239HSL216°, 60%, 84%☆DESIGN-SCALES詳細を見るブルー・ミュート 200Blue Muted 200#C2CCDB配色類似色変換RGB194, 204, 219HSL216°, 26%, 81%☆PURPOSE-UI詳細を見るニュートラル 300Neutral 300#BDC1C7配色類似色変換RGB189, 193, 199HSL216°, 8%, 76%☆DESIGN-SCALES詳細を見るブルー・ソフト 300Blue Soft 300#A7BDDD配色類似色変換RGB167, 189, 221HSL216°, 44%, 76%☆SEASONAL-PALETTE詳細を見る冬・軽やか 06Winter Air 06#92B0DC配色類似色変換RGB146, 176, 220HSL216°, 51%, 72%☆NATURAL-PALETTE詳細を見る海カラー 19Ocean 19#6A9DEC配色類似色変換RGB106, 157, 236HSL216°, 77%, 67%☆PURPOSE-UI詳細を見るニュートラル 400Neutral 400#9CA2AB配色類似色変換RGB156, 162, 171HSL216°, 8%, 64%☆SURFACE-COLORS詳細を見る木炭質感 10Charcoal Surface 10#88909C配色類似色変換RGB136, 144, 156HSL216°, 9%, 57%☆COLORWHEEL詳細を見る色相 216度Hue 216#2572E4配色類似色変換RGB37, 114, 228HSL216°, 78%, 52%☆WEBSAFE詳細を見るWeb Safe #0066FF#0066FF配色類似色変換RGB0, 102, 255HSL216°, 100%, 50%☆SURFACE-COLORS詳細を見る木炭質感 12Charcoal Surface 12#777B81配色類似色変換RGB119, 123, 129HSL216°, 4%, 49%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 16Industrial Palette 16#52627A配色類似色変換RGB82, 98, 122HSL216°, 20%, 40%☆CREATIVE-PALETTE詳細を見るビジネス配色用カラー 22Business Palette 22#305A97配色類似色変換RGB48, 90, 151HSL216°, 52%, 39%☆NATURAL-PALETTE詳細を見る夜空カラー 02Night 02#0D1726配色類似色変換RGB13, 23, 38HSL216°, 49%, 10%☆DESIGN-SCALES詳細を見るブルー・ディープ 900Blue Deep 900#081221配色類似色変換RGB8, 18, 33HSL216°, 61%, 8%☆NATURAL-PALETTE詳細を見る海カラー 28Ocean 28#80A8E9配色類似色変換RGB128, 168, 233HSL217°, 70%, 71%☆NATURAL-PALETTE詳細を見る石カラー 27Stone 27#9FA7B4配色類似色変換RGB159, 167, 180HSL217°, 12%, 66%☆NATURAL-PALETTE詳細を見る石カラー 09Stone 09#8191AB配色類似色変換RGB129, 145, 171HSL217°, 20%, 59%☆NATURAL-PALETTE詳細を見る空カラー 30Sky 30#4F7FCA配色類似色変換RGB79, 127, 202HSL217°, 54%, 55%☆COLORWHEEL詳細を見る色相 217度Hue 217#256EE4配色類似色変換RGB37, 110, 228HSL217°, 78%, 52%☆JAPANESE-TRADITIONAL詳細を見る瑠璃色Ruri-iro#1E50A2配色類似色変換RGB30, 80, 162HSL217°, 69%, 38%☆SURFACE-COLORS詳細を見る木炭質感 15Charcoal Surface 15#505967配色類似色変換RGB80, 89, 103HSL217°, 13%, 36%☆NATURAL-PALETTE詳細を見る石カラー 10Stone 10#2F343C配色類似色変換RGB47, 52, 60HSL217°, 12%, 21%☆NATURAL-PALETTE詳細を見る夜空カラー 11Night 11#0F1724配色類似色変換RGB15, 23, 36HSL217°, 41%, 10%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 09Minimal Palette 09#B7BDC7配色類似色変換RGB183, 189, 199HSL218°, 13%, 75%☆NATURAL-PALETTE詳細を見る石カラー 18Stone 18#949DAC配色類似色変換RGB148, 157, 172HSL218°, 13%, 63%☆SURFACE-COLORS詳細を見る木炭質感 11Charcoal Surface 11#788396配色類似色変換RGB120, 131, 150HSL218°, 13%, 53%☆COLORWHEEL詳細を見る色相 218度Hue 218#256BE4配色類似色変換RGB37, 107, 228HSL218°, 78%, 52%☆CREATIVE-PALETTE詳細を見るモダン配色用カラー 15Modern Palette 15#5674A9配色類似色変換RGB86, 116, 169HSL218°, 33%, 50%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 24Industrial Palette 24#5B616B配色類似色変換RGB91, 97, 107HSL218°, 8%, 39% 前へ1…4546474849…67次へ
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 16Industrial Palette 16#52627A配色類似色変換RGB82, 98, 122HSL216°, 20%, 40%
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 24Industrial Palette 24#5B616B配色類似色変換RGB91, 97, 107HSL218°, 8%, 39%
