WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 356色3ページ目 ☆COLORWHEEL詳細を見る色相 313度Hue 313#E425BB配色類似色変換RGB228, 37, 187HSL313°, 78%, 52%☆CREATIVE-PALETTE詳細を見るポップ配色用カラー 12Pop Palette 12#CB2AA9配色類似色変換RGB203, 42, 169HSL313°, 66%, 48%☆DESIGN-SCALES詳細を見るマゼンタ・ミュート 900Magenta Muted 900#2F1D2B配色類似色変換RGB47, 29, 43HSL313°, 24%, 15%☆DESIGN-SCALES詳細を見るマゼンタ・クリア 100Magenta Clear 100#F9D7F1配色類似色変換RGB249, 215, 241HSL314°, 74%, 91%☆DESIGN-SCALES詳細を見るマゼンタ・ソフト 200Magenta Soft 200#EACCE3配色類似色変換RGB234, 204, 227HSL314°, 42%, 86%☆PASTEL詳細を見るパステル 315Pastel 315#EAB8DE配色類似色変換RGB234, 184, 222HSL314°, 54%, 82%☆DESIGN-SCALES詳細を見るマゼンタ・ミュート 200Magenta Muted 200#DBC2D5配色類似色変換RGB219, 194, 213HSL314°, 26%, 81%☆COLORWHEEL詳細を見る色相 314度Hue 314#E425B8配色類似色変換RGB228, 37, 184HSL314°, 78%, 52%☆NATURAL-PALETTE詳細を見る花カラー 03Flower 03#CA29A4配色類似色変換RGB202, 41, 164HSL314°, 66%, 48%☆DESIGN-SCALES詳細を見るマゼンタ・ディープ 900Magenta Deep 900#21081B配色類似色変換RGB33, 8, 27HSL314°, 61%, 8%☆DESIGN-SCALES詳細を見るマゼンタ・ソフト 100Magenta Soft 100#F6EAF3配色類似色変換RGB246, 234, 243HSL315°, 40%, 94%☆DESIGN-SCALES詳細を見るマゼンタ・クリア 200Magenta Clear 200#F5B3E4配色類似色変換RGB245, 179, 228HSL315°, 77%, 83%☆DESIGN-SCALES詳細を見るマゼンタ・ディープ 100Magenta Deep 100#EAA9DA配色類似色変換RGB234, 169, 218HSL315°, 61%, 79%☆DESIGN-SCALES詳細を見るマゼンタ・クリア 300Magenta Clear 300#F084D5配色類似色変換RGB240, 132, 213HSL315°, 78%, 73%☆DESIGN-SCALES詳細を見るマゼンタ・ディープ 200Magenta Deep 200#E387CC配色類似色変換RGB227, 135, 204HSL315°, 62%, 71%☆DESIGN-SCALES詳細を見るマゼンタ・ソフト 400Magenta Soft 400#CF7DBA配色類似色変換RGB207, 125, 186HSL315°, 46%, 65%☆DESIGN-SCALES詳細を見るマゼンタ・クリア 400Magenta Clear 400#EC51C5配色類似色変換RGB236, 81, 197HSL315°, 80%, 62%☆DESIGN-SCALES詳細を見るマゼンタ・ディープ 300Magenta Deep 300#DB5CBB配色類似色変換RGB219, 92, 187HSL315°, 64%, 61%☆DESIGN-SCALES詳細を見るマゼンタ・ミュート 400Magenta Muted 400#B87AA8配色類似色変換RGB184, 122, 168HSL315°, 30%, 60%☆WEBSAFE詳細を見るWeb Safe #FF33CC#FF33CC配色類似色変換RGB255, 51, 204HSL315°, 100%, 60%☆DESIGN-SCALES詳細を見るマゼンタ・ソフト 500Magenta Soft 500#C355A8配色類似色変換RGB195, 85, 168HSL315°, 48%, 55%☆DESIGN-SCALES詳細を見るマゼンタ・クリア 500Magenta Clear 500#E920B7配色類似色変換RGB233, 32, 183HSL315°, 82%, 52%☆VIVID詳細を見るビビッド 315Vivid 315#F514BD配色類似色変換RGB245, 20, 189HSL315°, 92%, 52%☆COLORWHEEL詳細を見る色相 315度Hue 315#E425B4配色類似色変換RGB228, 37, 180HSL315°, 78%, 52%☆NATURAL-PALETTE詳細を見る花カラー 12Flower 12#CC3AA8配色類似色変換RGB204, 58, 168HSL315°, 59%, 51%☆DESIGN-SCALES詳細を見るマゼンタ・ディープ 400Magenta Deep 400#D42BAA配色類似色変換RGB212, 43, 170HSL315°, 66%, 50%☆DESIGN-SCALES詳細を見るマゼンタ・ミュート 500Magenta Muted 500#A85794配色類似色変換RGB168, 87, 148HSL315°, 32%, 50%☆DESIGN-SCALES詳細を見るマゼンタ・ソフト 600Magenta Soft 600#AB3F90配色類似色変換RGB171, 63, 144HSL315°, 46%, 46%☆DESIGN-SCALES詳細を見るマゼンタ・クリア 600Magenta Clear 600#C5169A配色類似色変換RGB197, 22, 154HSL315°, 80%, 43%☆DESIGN-SCALES詳細を見るマゼンタ・ミュート 600Magenta Muted 600#884978配色類似色変換RGB136, 73, 120HSL315°, 30%, 41%☆WEBSAFE詳細を見るWeb Safe #CC0099#CC0099配色類似色変換RGB204, 0, 153HSL315°, 100%, 40%☆DESIGN-SCALES詳細を見るマゼンタ・ディープ 500Magenta Deep 500#AB2189配色類似色変換RGB171, 33, 137HSL315°, 68%, 40%☆DESIGN-SCALES詳細を見るマゼンタ・ソフト 700Magenta Soft 700#883573配色類似色変換RGB136, 53, 115HSL315°, 44%, 37%☆DESIGN-SCALES詳細を見るマゼンタ・クリア 700Magenta Clear 700#9A1379配色類似色変換RGB154, 19, 121HSL315°, 78%, 34%☆DESIGN-SCALES詳細を見るマゼンタ・ミュート 700Magenta Muted 700#683B5D配色類似色変換RGB104, 59, 93HSL315°, 28%, 32%☆DESIGN-SCALES詳細を見るマゼンタ・ディープ 600Magenta Deep 600#831B69配色類似色変換RGB131, 27, 105HSL315°, 66%, 31%☆DESIGN-SCALES詳細を見るマゼンタ・ソフト 800Magenta Soft 800#652956配色類似色変換RGB101, 41, 86HSL315°, 42%, 28%☆DESIGN-SCALES詳細を見るマゼンタ・クリア 800Magenta Clear 800#700F58配色類似色変換RGB112, 15, 88HSL315°, 76%, 25%☆DESIGN-SCALES詳細を見るマゼンタ・ミュート 800Magenta Muted 800#4A2B42配色類似色変換RGB74, 43, 66HSL315°, 26%, 23%☆DESIGN-SCALES詳細を見るマゼンタ・ディープ 700Magenta Deep 700#5C144A配色類似色変換RGB92, 20, 74HSL315°, 64%, 22%☆DESIGN-SCALES詳細を見るマゼンタ・ソフト 900Magenta Soft 900#471F3D配色類似色変換RGB71, 31, 61HSL315°, 39%, 20%☆DESIGN-SCALES詳細を見るマゼンタ・クリア 900Magenta Clear 900#4B0B3B配色類似色変換RGB75, 11, 59HSL315°, 74%, 17%☆DESIGN-SCALES詳細を見るマゼンタ・ディープ 50Magenta Deep 50#EFBEE2配色類似色変換RGB239, 190, 226HSL316°, 60%, 84%☆DESIGN-SCALES詳細を見るマゼンタ・ソフト 300Magenta Soft 300#DDA7CF配色類似色変換RGB221, 167, 207HSL316°, 44%, 76%☆DESIGN-SCALES詳細を見るマゼンタ・ミュート 300Magenta Muted 300#CAA0BF配色類似色変換RGB202, 160, 191HSL316°, 28%, 71%☆NATURAL-PALETTE詳細を見る花カラー 21Flower 21#C852A9配色類似色変換RGB200, 82, 169HSL316°, 52%, 55%☆CREATIVE-PALETTE詳細を見るポップ配色用カラー 05Pop Palette 05#F519BC配色類似色変換RGB245, 25, 188HSL316°, 92%, 53%☆COLORWHEEL詳細を見る色相 316度Hue 316#E425B1配色類似色変換RGB228, 37, 177HSL316°, 78%, 52% 前へ12345…8次へ
