WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 3,205色57ページ目 ☆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%☆UTILITY詳細を見るバイオレット 400Violet 400#BC77EE配色類似色変換RGB188, 119, 238HSL275°, 78%, 70%☆TONES詳細を見るバイオレット・ソフトViolet Soft#B581DA配色類似色変換RGB181, 129, 218HSL275°, 55%, 68%☆DESIGN-SCALES詳細を見るパープル・ソフト 400Purple Soft 400#AD7DCF配色類似色変換RGB173, 125, 207HSL275°, 46%, 65%☆DESIGN-SCALES詳細を見るパープル・クリア 400Purple Clear 400#AB51EC配色類似色変換RGB171, 81, 236HSL275°, 80%, 62%☆DESIGN-SCALES詳細を見るパープル・ディープ 300Purple Deep 300#A65CDB配色類似色変換RGB166, 92, 219HSL275°, 64%, 61%☆DESIGN-SCALES詳細を見るパープル・ミュート 400Purple Muted 400#9E7AB8配色類似色変換RGB158, 122, 184HSL275°, 30%, 60%☆TONES詳細を見るバイオレット・ブライトViolet Bright#A436F2配色類似色変換RGB164, 54, 242HSL275°, 88%, 58%☆UTILITY詳細を見るバイオレット 500Violet 500#A33CEC配色類似色変換RGB163, 60, 236HSL275°, 82%, 58%☆DESIGN-SCALES詳細を見るパープル・ソフト 500Purple Soft 500#9555C3配色類似色変換RGB149, 85, 195HSL275°, 48%, 55%☆COLORWHEEL詳細を見る色相 275度Hue 275#9525E4配色類似色変換RGB149, 37, 228HSL275°, 78%, 52%☆VIVID詳細を見るビビッド 275Vivid 275#9714F5配色類似色変換RGB151, 20, 245HSL275°, 92%, 52%☆DESIGN-SCALES詳細を見るパープル・クリア 500Purple Clear 500#9520E9配色類似色変換RGB149, 32, 233HSL275°, 82%, 52%☆DESIGN-SCALES詳細を見るパープル・ディープ 400Purple Deep 400#8E2BD4配色類似色変換RGB142, 43, 212HSL275°, 66%, 50%☆DESIGN-SCALES詳細を見るパープル・ミュート 500Purple Muted 500#8657A8配色類似色変換RGB134, 87, 168HSL275°, 32%, 50%☆UTILITY詳細を見るバイオレット 600Violet 600#8C14E1配色類似色変換RGB140, 20, 225HSL275°, 84%, 48%☆DESIGN-SCALES詳細を見るパープル・ソフト 600Purple Soft 600#7E3FAB配色類似色変換RGB126, 63, 171HSL275°, 46%, 46%☆DESIGN-SCALES詳細を見るパープル・クリア 600Purple Clear 600#7C16C5配色類似色変換RGB124, 22, 197HSL275°, 80%, 43%☆DESIGN-SCALES詳細を見るパープル・ミュート 600Purple Muted 600#6E4988配色類似色変換RGB110, 73, 136HSL275°, 30%, 41%☆CREATIVE-PALETTE詳細を見るエレガント配色用カラー 21Elegant Palette 21#6F478B配色類似色変換RGB111, 71, 139HSL275°, 32%, 41%☆DESIGN-SCALES詳細を見るパープル・ディープ 500Purple Deep 500#7221AB配色類似色変換RGB114, 33, 171HSL275°, 68%, 40%☆UTILITY詳細を見るバイオレット 700Violet 700#7112B5配色類似色変換RGB113, 18, 181HSL275°, 82%, 39%☆TONES詳細を見るバイオレット・ディープViolet Deep#6D15AC配色類似色変換RGB109, 21, 172HSL275°, 78%, 38%☆DESIGN-SCALES詳細を見るパープル・ソフト 700Purple Soft 700#653588配色類似色変換RGB101, 53, 136HSL275°, 44%, 37%☆DESIGN-SCALES詳細を見るパープル・クリア 700Purple Clear 700#62139A配色類似色変換RGB98, 19, 154HSL275°, 78%, 34%☆DESIGN-SCALES詳細を見るパープル・ミュート 700Purple Muted 700#553B68配色類似色変換RGB85, 59, 104HSL275°, 28%, 32%☆DESIGN-SCALES詳細を見るパープル・ディープ 600Purple Deep 600#581B83配色類似色変換RGB88, 27, 131HSL275°, 66%, 31%☆UTILITY詳細を見るバイオレット 800Violet 800#561188配色類似色変換RGB86, 17, 136HSL275°, 78%, 30%☆DESIGN-SCALES詳細を見るパープル・ソフト 800Purple Soft 800#4C2965配色類似色変換RGB76, 41, 101HSL275°, 42%, 28%☆DESIGN-SCALES詳細を見るパープル・クリア 800Purple Clear 800#480F70配色類似色変換RGB72, 15, 112HSL275°, 76%, 25%☆CSS詳細を見るindigo#4B0082配色類似色変換RGB75, 0, 130HSL275°, 100%, 25%☆TONES詳細を見るバイオレット・ダークViolet Dark#431A61配色類似色変換RGB67, 26, 97HSL275°, 58%, 24%☆DESIGN-SCALES詳細を見るパープル・ミュート 800Purple Muted 800#3D2B4A配色類似色変換RGB61, 43, 74HSL275°, 26%, 23%☆DESIGN-SCALES詳細を見るパープル・ディープ 700Purple Deep 700#3E145C配色類似色変換RGB62, 20, 92HSL275°, 64%, 22%☆UTILITY詳細を見るバイオレット 900Violet 900#3F115F配色類似色変換RGB63, 17, 95HSL275°, 70%, 22%☆DESIGN-SCALES詳細を見るパープル・ソフト 900Purple Soft 900#361F47配色類似色変換RGB54, 31, 71HSL275°, 39%, 20%☆DESIGN-SCALES詳細を見るパープル・ディープ 800Purple Deep 800#250D36配色類似色変換RGB37, 13, 54HSL275°, 61%, 13%☆DESIGN-SCALES詳細を見るパープル・クリア 50Purple Clear 50#F6EDFC配色類似色変換RGB246, 237, 252HSL276°, 71%, 96%☆DESIGN-SCALES詳細を見るパープル・ソフト 200Purple Soft 200#DECCEA配色類似色変換RGB222, 204, 234HSL276°, 42%, 86%☆DESIGN-SCALES詳細を見るパープル・ミュート 200Purple Muted 200#D1C2DB配色類似色変換RGB209, 194, 219HSL276°, 26%, 81% 前へ1…5556575859…67次へ
