WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 160色2ページ目 ☆COLORWHEEL詳細を見る色相 269度Hue 269#8125E4配色類似色変換RGB129, 37, 228HSL269°, 78%, 52%☆CREATIVE-PALETTE詳細を見るエレガント配色用カラー 30Elegant Palette 30#5E4E6F配色類似色変換RGB94, 78, 111HSL269°, 17%, 37%☆SEASONAL-PALETTE詳細を見る冬・霞んだ 15Winter Mist 15#F2F0F4配色類似色変換RGB242, 240, 244HSL270°, 15%, 95%☆PURPOSE-UI詳細を見るセカンダリー 100Secondary 100#EDE6F4配色類似色変換RGB237, 230, 244HSL270°, 39%, 93%☆PASTEL詳細を見るパステル 270Pastel 270#D1B8EA配色類似色変換RGB209, 184, 234HSL270°, 54%, 82%☆WEBSAFE詳細を見るWeb Safe #CC99FF#CC99FF配色類似色変換RGB204, 153, 255HSL270°, 100%, 80%☆PURPOSE-UI詳細を見るセカンダリー 300Secondary 300#C2A4E0配色類似色変換RGB194, 164, 224HSL270°, 49%, 76%☆PURPOSE-UI詳細を見るセカンダリー 400Secondary 400#A372D5配色類似色変換RGB163, 114, 213HSL270°, 54%, 64%☆WEBSAFE詳細を見るWeb Safe #9933FF#9933FF配色類似色変換RGB153, 51, 255HSL270°, 100%, 60%☆WEBSAFE詳細を見るWeb Safe #9966CC#9966CC配色類似色変換RGB153, 102, 204HSL270°, 50%, 60%☆COLORWHEEL詳細を見る色相 270度Hue 270#8525E4配色類似色変換RGB133, 37, 228HSL270°, 78%, 52%☆VIVID詳細を見るビビッド 270Vivid 270#8514F5配色類似色変換RGB133, 20, 245HSL270°, 92%, 52%☆PURPOSE-UI詳細を見るセカンダリー 500Secondary 500#853CCD配色類似色変換RGB133, 60, 205HSL270°, 59%, 52%☆PURPOSE-UI詳細を見るセカンダリー 600Secondary 600#6B28AF配色類似色変換RGB107, 40, 175HSL270°, 63%, 42%☆CSS詳細を見るrebeccapurple#663399配色類似色変換RGB102, 51, 153HSL270°, 50%, 40%☆WEBSAFE詳細を見るWeb Safe #6600CC#6600CC配色類似色変換RGB102, 0, 204HSL270°, 100%, 40%☆WEBSAFE詳細を見るWeb Safe #663399#663399配色類似色変換RGB102, 51, 153HSL270°, 50%, 40%☆PURPOSE-UI詳細を見るセカンダリー 700Secondary 700#521C87配色類似色変換RGB82, 28, 135HSL270°, 66%, 32%☆PURPOSE-UI詳細を見るセカンダリー 800Secondary 800#3B1363配色類似色変換RGB59, 19, 99HSL270°, 68%, 23%☆WEBSAFE詳細を見るWeb Safe #330066#330066配色類似色変換RGB51, 0, 102HSL270°, 100%, 20%☆PURPOSE-UI詳細を見るセカンダリー 900Secondary 900#260B41配色類似色変換RGB38, 11, 65HSL270°, 71%, 15%☆CSS詳細を見るblueviolet#8A2BE2配色類似色変換RGB138, 43, 226HSL271°, 76%, 53%☆COLORWHEEL詳細を見る色相 271度Hue 271#8825E4配色類似色変換RGB136, 37, 228HSL271°, 78%, 52%☆COLORWHEEL詳細を見る色相 272度Hue 272#8B25E4配色類似色変換RGB139, 37, 228HSL272°, 78%, 52%☆CREATIVE-PALETTE詳細を見るエレガント配色用カラー 13Elegant Palette 13#6D4F87配色類似色変換RGB109, 79, 135HSL272°, 26%, 42%☆JAPANESE-TRADITIONAL詳細を見る濃紫Koki-murasaki#493759配色類似色変換RGB73, 55, 89HSL272°, 24%, 28%☆COLORWHEEL詳細を見る色相 273度Hue 273#8E25E4配色類似色変換RGB142, 37, 228HSL273°, 78%, 52%☆UTILITY詳細を見るバイオレット 50Violet 50#F8F4FB配色類似色変換RGB248, 244, 251HSL274°, 47%, 97%☆DESIGN-SCALES詳細を見るパープル・ミュート 50Purple Muted 50#F0ECF3配色類似色変換RGB240, 236, 243HSL274°, 23%, 94%☆DESIGN-SCALES詳細を見るパープル・ミュート 100Purple Muted 100#E4DCEA配色類似色変換RGB228, 220, 234HSL274°, 25%, 89%☆DESIGN-SCALES詳細を見るパープル・ディープ 50Purple Deep 50#DABEEF配色類似色変換RGB218, 190, 239HSL274°, 60%, 84%☆DESIGN-SCALES詳細を見るパープル・ソフト 300Purple Soft 300#C6A7DD配色類似色変換RGB198, 167, 221HSL274°, 44%, 76%☆COLORWHEEL詳細を見る色相 274度Hue 274#9125E4配色類似色変換RGB145, 37, 228HSL274°, 78%, 52%☆CREATIVE-PALETTE詳細を見るエレガント配色用カラー 06Elegant Palette 06#7C5996配色類似色変換RGB124, 89, 150HSL274°, 26%, 47%☆UTILITY詳細を見るバイオレット 950Violet 950#270E3A配色類似色変換RGB39, 14, 58HSL274°, 61%, 14%☆DESIGN-SCALES詳細を見るパープル・ディープ 900Purple Deep 900#160821配色類似色変換RGB22, 8, 33HSL274°, 61%, 8%☆DESIGN-SCALES詳細を見るパープル・ソフト 100Purple Soft 100#F1EAF6配色類似色変換RGB241, 234, 246HSL275°, 40%, 94%☆UTILITY詳細を見るバイオレット 100Violet 100#F1E7F8配色類似色変換RGB241, 231, 248HSL275°, 55%, 94%☆DESIGN-SCALES詳細を見るパープル・クリア 100Purple Clear 100#EBD7F9配色類似色変換RGB235, 215, 249HSL275°, 74%, 91%☆TONES詳細を見るバイオレット・ペールViolet Pale#E9D1FA配色類似色変換RGB233, 209, 250HSL275°, 80%, 90%☆UTILITY詳細を見るバイオレット 200Violet 200#E4CDF4配色類似色変換RGB228, 205, 244HSL275°, 64%, 88%☆DESIGN-SCALES詳細を見るパープル・クリア 200Purple Clear 200#D9B3F5配色類似色変換RGB217, 179, 245HSL275°, 77%, 83%☆PASTEL詳細を見るパステル 275Pastel 275#D5B8EA配色類似色変換RGB213, 184, 234HSL275°, 54%, 82%☆UTILITY詳細を見るバイオレット 300Violet 300#D2A7F1配色類似色変換RGB210, 167, 241HSL275°, 73%, 80%☆DESIGN-SCALES詳細を見るパープル・ディープ 100Purple Deep 100#CFA9EA配色類似色変換RGB207, 169, 234HSL275°, 61%, 79%☆TONES詳細を見るバイオレット・ライトViolet Light#CE9FEF配色類似色変換RGB206, 159, 239HSL275°, 71%, 78%☆DESIGN-SCALES詳細を見るパープル・クリア 300Purple Clear 300#C384F0配色類似色変換RGB195, 132, 240HSL275°, 78%, 73%☆DESIGN-SCALES詳細を見るパープル・ディープ 200Purple Deep 200#BD87E3配色類似色変換RGB189, 135, 227HSL275°, 62%, 71% 前へ1234次へ
