WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 356色2ページ目 ☆COLORWHEEL詳細を見る色相 300度Hue 300#E425E4配色類似色変換RGB228, 37, 228HSL300°, 78%, 52%☆WEBSAFE詳細を見るWeb Safe #996699#996699配色類似色変換RGB153, 102, 153HSL300°, 20%, 50%☆WEBSAFE詳細を見るWeb Safe #CC33CC#CC33CC配色類似色変換RGB204, 51, 204HSL300°, 60%, 50%☆CSS詳細を見るfuchsia#FF00FF配色類似色変換RGB255, 0, 255HSL300°, 100%, 50%☆WEBSAFE詳細を見るWeb Safe #FF00FF#FF00FF配色類似色変換RGB255, 0, 255HSL300°, 100%, 50%☆CSS詳細を見るmagenta#FF00FF配色類似色変換RGB255, 0, 255HSL300°, 100%, 50%☆WEBSAFE詳細を見るWeb Safe #993399#993399配色類似色変換RGB153, 51, 153HSL300°, 50%, 40%☆WEBSAFE詳細を見るWeb Safe #CC00CC#CC00CC配色類似色変換RGB204, 0, 204HSL300°, 100%, 40%☆WEBSAFE詳細を見るWeb Safe #990099#990099配色類似色変換RGB153, 0, 153HSL300°, 100%, 30%☆WEBSAFE詳細を見るWeb Safe #663366#663366配色類似色変換RGB102, 51, 102HSL300°, 33%, 30%☆CSS詳細を見るdarkmagenta#8B008B配色類似色変換RGB139, 0, 139HSL300°, 100%, 27%☆CSS詳細を見るpurple#800080配色類似色変換RGB128, 0, 128HSL300°, 100%, 25%☆WEBSAFE詳細を見るWeb Safe #660066#660066配色類似色変換RGB102, 0, 102HSL300°, 100%, 20%☆WEBSAFE詳細を見るWeb Safe #330033#330033配色類似色変換RGB51, 0, 51HSL300°, 100%, 10%☆COLORWHEEL詳細を見る色相 301度Hue 301#E425E1配色類似色変換RGB228, 37, 225HSL301°, 78%, 52%☆CSS詳細を見るorchid#DA70D6配色類似色変換RGB218, 112, 214HSL302°, 59%, 65%☆CREATIVE-PALETTE詳細を見るキュート配色用カラー 01Cute Palette 01#CB4EC6配色類似色変換RGB203, 78, 198HSL302°, 55%, 55%☆COLORWHEEL詳細を見る色相 302度Hue 302#E425DE配色類似色変換RGB228, 37, 222HSL302°, 78%, 52%☆CREATIVE-PALETTE詳細を見るポップ配色用カラー 03Pop Palette 03#D412CF配色類似色変換RGB212, 18, 207HSL302°, 84%, 45%☆COLORWHEEL詳細を見る色相 303度Hue 303#E425DB配色類似色変換RGB228, 37, 219HSL303°, 78%, 52%☆CREATIVE-PALETTE詳細を見るエレガント配色用カラー 25Elegant Palette 25#AA79A7配色類似色変換RGB170, 121, 167HSL304°, 22%, 57%☆COLORWHEEL詳細を見る色相 304度Hue 304#E425D7配色類似色変換RGB228, 37, 215HSL304°, 78%, 52%☆PASTEL詳細を見るパステル 305Pastel 305#EAB8E6配色類似色変換RGB234, 184, 230HSL305°, 54%, 82%☆VIVID詳細を見るビビッド 305Vivid 305#F514E2配色類似色変換RGB245, 20, 226HSL305°, 92%, 52%☆COLORWHEEL詳細を見る色相 305度Hue 305#E425D4配色類似色変換RGB228, 37, 212HSL305°, 78%, 52%☆COLORWHEEL詳細を見る色相 306度Hue 306#E425D1配色類似色変換RGB228, 37, 209HSL306°, 78%, 52%☆CREATIVE-PALETTE詳細を見るポップ配色用カラー 11Pop Palette 11#D60BC3配色類似色変換RGB214, 11, 195HSL306°, 90%, 44%☆CREATIVE-PALETTE詳細を見るエレガント配色用カラー 18Elegant Palette 18#B389AE配色類似色変換RGB179, 137, 174HSL307°, 22%, 62%☆COLORWHEEL詳細を見る色相 307度Hue 307#E425CE配色類似色変換RGB228, 37, 206HSL307°, 78%, 52%☆NATURAL-PALETTE詳細を見る花カラー 01Flower 01#9E2A90配色類似色変換RGB158, 42, 144HSL307°, 58%, 39%☆COLORWHEEL詳細を見る色相 308度Hue 308#E425CB配色類似色変換RGB228, 37, 203HSL308°, 78%, 52%☆DESIGN-SCALES詳細を見るマゼンタ・ミュート 50Magenta Muted 50#F3ECF2配色類似色変換RGB243, 236, 242HSL309°, 23%, 94%☆COLORWHEEL詳細を見る色相 309度Hue 309#E425C7配色類似色変換RGB228, 37, 199HSL309°, 78%, 52%☆CREATIVE-PALETTE詳細を見るポップ配色用カラー 04Pop Palette 04#ED0DCD配色類似色変換RGB237, 13, 205HSL309°, 90%, 49%☆DESIGN-SCALES詳細を見るマゼンタ・ソフト 50Magenta Soft 50#FAF4F9配色類似色変換RGB250, 244, 249HSL310°, 37%, 97%☆PASTEL詳細を見るパステル 310Pastel 310#EAB8E2配色類似色変換RGB234, 184, 226HSL310°, 54%, 82%☆CREATIVE-PALETTE詳細を見るキュート配色用カラー 02Cute Palette 02#D558C1配色類似色変換RGB213, 88, 193HSL310°, 60%, 59%☆VIVID詳細を見るビビッド 310Vivid 310#F514D0配色類似色変換RGB245, 20, 208HSL310°, 92%, 52%☆COLORWHEEL詳細を見る色相 310度Hue 310#E425C4配色類似色変換RGB228, 37, 196HSL310°, 78%, 52%☆CREATIVE-PALETTE詳細を見るエレガント配色用カラー 26Elegant Palette 26#B780AD配色類似色変換RGB183, 128, 173HSL311°, 28%, 61%☆COLORWHEEL詳細を見る色相 311度Hue 311#E425C1配色類似色変換RGB228, 37, 193HSL311°, 78%, 52%☆NATURAL-PALETTE詳細を見る花カラー 02Flower 02#B42A9B配色類似色変換RGB180, 42, 155HSL311°, 62%, 44%☆DESIGN-SCALES詳細を見るマゼンタ・クリア 50Magenta Clear 50#FCEDF9配色類似色変換RGB252, 237, 249HSL312°, 71%, 96%☆COLORWHEEL詳細を見る色相 312度Hue 312#E425BE配色類似色変換RGB228, 37, 190HSL312°, 78%, 52%☆WEBSAFE詳細を見るWeb Safe #FF00CC#FF00CC配色類似色変換RGB255, 0, 204HSL312°, 100%, 50%☆NATURAL-PALETTE詳細を見る花カラー 11Flower 11#BB36A1配色類似色変換RGB187, 54, 161HSL312°, 55%, 47%☆CREATIVE-PALETTE詳細を見るエレガント配色用カラー 19Elegant Palette 19#BF91B5配色類似色変換RGB191, 145, 181HSL313°, 26%, 66%☆CREATIVE-PALETTE詳細を見るキュート配色用カラー 20Cute Palette 20#CF58B5配色類似色変換RGB207, 88, 181HSL313°, 55%, 58% 前へ1234…8次へ
☆CREATIVE-PALETTE詳細を見るエレガント配色用カラー 25Elegant Palette 25#AA79A7配色類似色変換RGB170, 121, 167HSL304°, 22%, 57%
☆CREATIVE-PALETTE詳細を見るエレガント配色用カラー 18Elegant Palette 18#B389AE配色類似色変換RGB179, 137, 174HSL307°, 22%, 62%
☆CREATIVE-PALETTE詳細を見るエレガント配色用カラー 26Elegant Palette 26#B780AD配色類似色変換RGB183, 128, 173HSL311°, 28%, 61%
☆CREATIVE-PALETTE詳細を見るエレガント配色用カラー 19Elegant Palette 19#BF91B5配色類似色変換RGB191, 145, 181HSL313°, 26%, 66%
