WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 3,205色40ページ目 ☆CREATIVE-PALETTE詳細を見るモダン配色用カラー 04Modern Palette 04#3A7A8D配色類似色変換RGB58, 122, 141HSL194°, 42%, 39%☆NATURAL-PALETTE詳細を見る海カラー 12Ocean 12#1E83A2配色類似色変換RGB30, 131, 162HSL194°, 69%, 38%☆CSS詳細を見るlightblue#ADD8E6配色類似色変換RGB173, 216, 230HSL195°, 53%, 79%☆SEASONAL-PALETTE詳細を見る夏・霞んだ 08Summer Mist 08#95C9DA配色類似色変換RGB149, 201, 218HSL195°, 48%, 72%☆SEASONAL-PALETTE詳細を見る夏・明るい 08Summer Bright 08#77D0EE配色類似色変換RGB119, 208, 238HSL195°, 78%, 70%☆SEASONAL-PALETTE詳細を見る冬・霞んだ 02Winter Mist 02#9EB8C1配色類似色変換RGB158, 184, 193HSL195°, 22%, 69%☆SEASONAL-PALETTE詳細を見る冬・明るい 02Winter Bright 02#7EC0D6配色類似色変換RGB126, 192, 214HSL195°, 52%, 67%☆SEASONAL-PALETTE詳細を見る夏・軽やか 08Summer Air 08#63CBEE配色類似色変換RGB99, 203, 238HSL195°, 80%, 66%☆PURPOSE-UI詳細を見るインフォ 400Info 400#69C0DD配色類似色変換RGB105, 192, 221HSL195°, 63%, 64%☆SEASONAL-PALETTE詳細を見る冬・軽やか 02Winter Air 02#6DBAD3配色類似色変換RGB109, 186, 211HSL195°, 54%, 63%☆SEASONAL-PALETTE詳細を見る夏・穏やか 08Summer Calm 08#64B7D3配色類似色変換RGB100, 183, 211HSL195°, 56%, 61%☆WEBSAFE詳細を見るWeb Safe #33CCFF#33CCFF配色類似色変換RGB51, 204, 255HSL195°, 100%, 60%☆SEASONAL-PALETTE詳細を見る冬・穏やか 02Winter Calm 02#73A4B4配色類似色変換RGB115, 164, 180HSL195°, 30%, 58%☆SEASONAL-PALETTE詳細を見る夏・アクセント 08Summer Accent 08#22BDF1配色類似色変換RGB34, 189, 241HSL195°, 88%, 54%☆VIVID詳細を見るビビッド 195Vivid 195#14BDF5配色類似色変換RGB20, 189, 245HSL195°, 92%, 52%☆PURPOSE-UI詳細を見るインフォ 500Info 500#31AED8配色類似色変換RGB49, 174, 216HSL195°, 68%, 52%☆COLORWHEEL詳細を見る色相 195度Hue 195#25B4E4配色類似色変換RGB37, 180, 228HSL195°, 78%, 52%☆SEASONAL-PALETTE詳細を見る冬・アクセント 02Winter Accent 02#34A8CF配色類似色変換RGB52, 168, 207HSL195°, 62%, 51%☆CSS詳細を見るdeepskyblue#00BFFF配色類似色変換RGB0, 191, 255HSL195°, 100%, 50%☆PURPOSE-UI詳細を見るインフォ 600Info 600#1E92B8配色類似色変換RGB30, 146, 184HSL195°, 72%, 42%☆NATURAL-PALETTE詳細を見る海カラー 21Ocean 21#288BAB配色類似色変換RGB40, 139, 171HSL195°, 62%, 41%☆SEASONAL-PALETTE詳細を見る夏・深い 08Summer Deep 08#188DB4配色類似色変換RGB24, 141, 180HSL195°, 76%, 40%☆WEBSAFE詳細を見るWeb Safe #0099CC#0099CC配色類似色変換RGB0, 153, 204HSL195°, 100%, 40%☆SEASONAL-PALETTE詳細を見る冬・深い 02Winter Deep 02#2F758D配色類似色変換RGB47, 117, 141HSL195°, 50%, 37%☆NATURAL-PALETTE詳細を見る石カラー 11Stone 11#4B5A5F配色類似色変換RGB75, 90, 95HSL195°, 12%, 33%☆PURPOSE-UI詳細を見るインフォ 700Info 700#14708F配色類似色変換RGB20, 112, 143HSL195°, 75%, 32%☆PURPOSE-UI詳細を見るインフォ 800Info 800#0D5168配色類似色変換RGB13, 81, 104HSL195°, 78%, 23%☆PURPOSE-UI詳細を見るインフォ 900Info 900#083544配色類似色変換RGB8, 53, 68HSL195°, 79%, 15%☆NATURAL-PALETTE詳細を見る空カラー 15Sky 15#7FC3DC配色類似色変換RGB127, 195, 220HSL196°, 57%, 68%☆NATURAL-PALETTE詳細を見る空カラー 06Sky 06#6AC0DE配色類似色変換RGB106, 192, 222HSL196°, 64%, 64%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 06Minimal Palette 06#99A4A8配色類似色変換RGB153, 164, 168HSL196°, 8%, 63%☆COLORWHEEL詳細を見る色相 196度Hue 196#25B1E4配色類似色変換RGB37, 177, 228HSL196°, 78%, 52%☆NATURAL-PALETTE詳細を見る海カラー 04Ocean 04#1384AE配色類似色変換RGB19, 132, 174HSL196°, 80%, 38%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 13Industrial Palette 13#424A4D配色類似色変換RGB66, 74, 77HSL196°, 8%, 28%☆PURPOSE-UI詳細を見るインフォ 50Info 50#F4F9FB配色類似色変換RGB244, 249, 251HSL197°, 47%, 97%☆NATURAL-PALETTE詳細を見る水カラー 29Water 29#B7DCEB配色類似色変換RGB183, 220, 235HSL197°, 57%, 82%☆JAPANESE-TRADITIONAL詳細を見る空色Sora-iro#A0D8EF配色類似色変換RGB160, 216, 239HSL197°, 71%, 78%☆CSS詳細を見るskyblue#87CEEB配色類似色変換RGB135, 206, 235HSL197°, 71%, 73%☆NATURAL-PALETTE詳細を見る空カラー 24Sky 24#85CDEA配色類似色変換RGB133, 205, 234HSL197°, 71%, 72%☆COLORWHEEL詳細を見る色相 197度Hue 197#25AEE4配色類似色変換RGB37, 174, 228HSL197°, 78%, 52%☆WORLD-COLORS詳細を見るサントリーニブルーSantorini Blue#3C8DAD配色類似色変換RGB60, 141, 173HSL197°, 48%, 46%☆NATURAL-PALETTE詳細を見る海カラー 13Ocean 13#1D8CB8配色類似色変換RGB29, 140, 184HSL197°, 73%, 42%☆NATURAL-PALETTE詳細を見る水カラー 20Water 20#346E85配色類似色変換RGB52, 110, 133HSL197°, 44%, 36%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 06Industrial Palette 06#4D575B配色類似色変換RGB77, 87, 91HSL197°, 8%, 33%☆WORLD-COLORS詳細を見るモロッカンブルーMoroccan Blue#146B8C配色類似色変換RGB20, 107, 140HSL197°, 75%, 31%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 21Industrial Palette 21#3E484C配色類似色変換RGB62, 72, 76HSL197°, 10%, 27%☆PURPOSE-UI詳細を見るインフォ 100Info 100#E5F1F6配色類似色変換RGB229, 241, 246HSL198°, 49%, 93%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 21Minimal Palette 21#89959A配色類似色変換RGB137, 149, 154HSL198°, 8%, 57% 前へ1…3839404142…67次へ
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 13Industrial Palette 13#424A4D配色類似色変換RGB66, 74, 77HSL196°, 8%, 28%
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 06Industrial Palette 06#4D575B配色類似色変換RGB77, 87, 91HSL197°, 8%, 33%
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 21Industrial Palette 21#3E484C配色類似色変換RGB62, 72, 76HSL197°, 10%, 27%
