WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 3,205色48ページ目 ☆PURPOSE-UI詳細を見るプライマリー 200Primary 200#C7D5EF配色類似色変換RGB199, 213, 239HSL219°, 56%, 86%☆SEASONAL-PALETTE詳細を見る冬・霞んだ 07Winter Mist 07#C0C8D7配色類似色変換RGB192, 200, 215HSL219°, 22%, 80%☆CSS詳細を見るcornflowerblue#6495ED配色類似色変換RGB100, 149, 237HSL219°, 79%, 66%☆COLORWHEEL詳細を見る色相 219度Hue 219#2568E4配色類似色変換RGB37, 104, 228HSL219°, 78%, 52%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 09Industrial Palette 09#5E6D88配色類似色変換RGB94, 109, 136HSL219°, 18%, 45%☆CREATIVE-PALETTE詳細を見るビジネス配色用カラー 15Business Palette 15#3860A9配色類似色変換RGB56, 96, 169HSL219°, 50%, 44%☆NATURAL-PALETTE詳細を見る海カラー 20Ocean 20#1D3C77配色類似色変換RGB29, 60, 119HSL219°, 61%, 29%☆SURFACE-COLORS詳細を見るインク質感 01Ink Surface 01#F3F4F6配色類似色変換RGB243, 244, 246HSL220°, 14%, 96%☆PURPOSE-UI詳細を見るニュートラル 100Neutral 100#ECEDEF配色類似色変換RGB236, 237, 239HSL220°, 9%, 93%☆PURPOSE-UI詳細を見るプライマリー 100Primary 100#E4EAF6配色類似色変換RGB228, 234, 246HSL220°, 50%, 93%☆SEASONAL-PALETTE詳細を見る夏・霞んだ 13Summer Mist 13#BFCDE8配色類似色変換RGB191, 205, 232HSL220°, 47%, 83%☆PASTEL詳細を見るパステル 220Pastel 220#B8C9EA配色類似色変換RGB184, 201, 234HSL220°, 54%, 82%☆SEASONAL-PALETTE詳細を見る夏・明るい 13Summer Bright 13#A9C2F4配色類似色変換RGB169, 194, 244HSL220°, 77%, 81%☆SEASONAL-PALETTE詳細を見る冬・明るい 07Winter Bright 07#A9BDE4配色類似色変換RGB169, 189, 228HSL220°, 52%, 78%☆SEASONAL-PALETTE詳細を見る夏・軽やか 13Summer Air 13#95B5F3配色類似色変換RGB149, 181, 243HSL220°, 80%, 77%☆PURPOSE-UI詳細を見るプライマリー 300Primary 300#9CB5E7配色類似色変換RGB156, 181, 231HSL220°, 61%, 76%☆SURFACE-COLORS詳細を見る木炭質感 06Charcoal Surface 06#B8BCC4配色類似色変換RGB184, 188, 196HSL220°, 9%, 75%☆NATURAL-PALETTE詳細を見る海カラー 29Ocean 29#90AFEE配色類似色変換RGB144, 175, 238HSL220°, 73%, 75%☆SEASONAL-PALETTE詳細を見る冬・軽やか 07Winter Air 07#98B0E0配色類似色変換RGB152, 176, 224HSL220°, 54%, 74%☆NATURAL-PALETTE詳細を見る石カラー 28Stone 28#ABB1BD配色類似色変換RGB171, 177, 189HSL220°, 12%, 71%☆WEBSAFE詳細を見るWeb Safe #6699FF#6699FF配色類似色変換RGB102, 153, 255HSL220°, 100%, 70%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 24Minimal Palette 24#AAAEB6配色類似色変換RGB170, 174, 182HSL220°, 8%, 69%☆SEASONAL-PALETTE詳細を見る夏・アクセント 13Summer Accent 13#578CF4配色類似色変換RGB87, 140, 244HSL220°, 88%, 65%☆PURPOSE-UI詳細を見るプライマリー 400Primary 400#678FE0配色類似色変換RGB103, 143, 224HSL220°, 66%, 64%☆SEASONAL-PALETTE詳細を見る冬・アクセント 07Winter Accent 07#6189DA配色類似色変換RGB97, 137, 218HSL220°, 62%, 62%☆COLORWHEEL詳細を見る色相 220度Hue 220#2565E4配色類似色変換RGB37, 101, 228HSL220°, 78%, 52%☆VIVID詳細を見るビビッド 220Vivid 220#145FF5配色類似色変換RGB20, 95, 245HSL220°, 92%, 52%☆PURPOSE-UI詳細を見るプライマリー 500Primary 500#2E68DC配色類似色変換RGB46, 104, 220HSL220°, 71%, 52%☆SEASONAL-PALETTE詳細を見る夏・深い 13Summer Deep 13#2362E1配色類似色変換RGB35, 98, 225HSL220°, 76%, 51%☆WEBSAFE詳細を見るWeb Safe #3366CC#3366CC配色類似色変換RGB51, 102, 204HSL220°, 60%, 50%☆SEASONAL-PALETTE詳細を見る冬・深い 07Winter Deep 07#3D66B7配色類似色変換RGB61, 102, 183HSL220°, 50%, 48%☆PURPOSE-UI詳細を見るプライマリー 600Primary 600#1B50BB配色類似色変換RGB27, 80, 187HSL220°, 75%, 42%☆PURPOSE-UI詳細を見るプライマリー 700Primary 700#123C91配色類似色変換RGB18, 60, 145HSL220°, 78%, 32%☆WEBSAFE詳細を見るWeb Safe #003399#003399配色類似色変換RGB0, 51, 153HSL220°, 100%, 30%☆SURFACE-COLORS詳細を見る木炭質感 17Charcoal Surface 17#41444A配色類似色変換RGB65, 68, 74HSL220°, 6%, 27%☆PURPOSE-UI詳細を見るプライマリー 800Primary 800#0C2B6A配色類似色変換RGB12, 43, 106HSL220°, 80%, 23%☆PURPOSE-UI詳細を見るプライマリー 900Primary 900#071C46配色類似色変換RGB7, 28, 70HSL220°, 82%, 15%☆SURFACE-COLORS詳細を見る木炭質感 20Charcoal Surface 20#232426配色類似色変換RGB35, 36, 38HSL220°, 4%, 14%☆NATURAL-PALETTE詳細を見る夜空カラー 12Night 12#10192B配色類似色変換RGB16, 25, 43HSL220°, 46%, 12%☆NATURAL-PALETTE詳細を見る夜空カラー 03Night 03#0C1527配色類似色変換RGB12, 21, 39HSL220°, 53%, 10%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 17Minimal Palette 17#B0B8C9配色類似色変換RGB176, 184, 201HSL221°, 19%, 74%☆SEASONAL-PALETTE詳細を見る夏・穏やか 13Summer Calm 13#90AAE0配色類似色変換RGB144, 170, 224HSL221°, 56%, 72%☆SURFACE-COLORS詳細を見る木炭質感 07Charcoal Surface 07#AAB0BD配色類似色変換RGB170, 176, 189HSL221°, 13%, 70%☆SEASONAL-PALETTE詳細を見る冬・穏やか 07Winter Calm 07#98A7C7配色類似色変換RGB152, 167, 199HSL221°, 30%, 69%☆NATURAL-PALETTE詳細を見る石カラー 19Stone 19#9CA5B9配色類似色変換RGB156, 165, 185HSL221°, 17%, 67%☆COLORWHEEL詳細を見る色相 221度Hue 221#2562E4配色類似色変換RGB37, 98, 228HSL221°, 78%, 52%☆WORLD-COLORS詳細を見るフロレンティンブルーFlorentine Blue#1D5DEC配色類似色変換RGB29, 93, 236HSL221°, 84%, 52%☆JAPANESE-TRADITIONAL詳細を見る群青色Gunjo-iro#4C6CB3配色類似色変換RGB76, 108, 179HSL221°, 40%, 50% 前へ1…4647484950…67次へ
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 09Industrial Palette 09#5E6D88配色類似色変換RGB94, 109, 136HSL219°, 18%, 45%
