WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 3,205色4ページ目 ☆WORLD-COLORS詳細を見るトスカンレッドTuscan Red#7C4848配色類似色変換RGB124, 72, 72HSL0°, 27%, 38%☆TONES詳細を見るレッド・ディープRed Deep#AC1515配色類似色変換RGB172, 21, 21HSL0°, 78%, 38%☆GRAYSCALE詳細を見るグレー 37Gray 37#5E5E5E配色類似色変換RGB94, 94, 94HSL0°, 0%, 37%☆DESIGN-SCALES詳細を見るレッド・ソフト 700Red Soft 700#883535配色類似色変換RGB136, 53, 53HSL0°, 44%, 37%☆GRAYSCALE詳細を見るグレー 36Gray 36#5C5C5C配色類似色変換RGB92, 92, 92HSL0°, 0%, 36%☆GRAYSCALE詳細を見るグレー 35Gray 35#595959配色類似色変換RGB89, 89, 89HSL0°, 0%, 35%☆GRAYSCALE詳細を見るグレー 34Gray 34#575757配色類似色変換RGB87, 87, 87HSL0°, 0%, 34%☆DESIGN-SCALES詳細を見るレッド・クリア 700Red Clear 700#9A1313配色類似色変換RGB154, 19, 19HSL0°, 78%, 34%☆GRAYSCALE詳細を見るグレー 33Gray 33#545454配色類似色変換RGB84, 84, 84HSL0°, 0%, 33%☆GRAYSCALE詳細を見るグレー 32Gray 32#525252配色類似色変換RGB82, 82, 82HSL0°, 0%, 32%☆DESIGN-SCALES詳細を見るレッド・ミュート 700Red Muted 700#683B3B配色類似色変換RGB104, 59, 59HSL0°, 28%, 32%☆GRAYSCALE詳細を見るグレー 31Gray 31#4F4F4F配色類似色変換RGB79, 79, 79HSL0°, 0%, 31%☆DESIGN-SCALES詳細を見るレッド・ディープ 600Red Deep 600#831B1B配色類似色変換RGB131, 27, 27HSL0°, 66%, 31%☆WEBSAFE詳細を見るWeb Safe #990000#990000配色類似色変換RGB153, 0, 0HSL0°, 100%, 30%☆UTILITY詳細を見るレッド 800Red 800#881111配色類似色変換RGB136, 17, 17HSL0°, 78%, 30%☆GRAYSCALE詳細を見るグレー 30Gray 30#4C4C4C配色類似色変換RGB76, 76, 76HSL0°, 0%, 30%☆WEBSAFE詳細を見るWeb Safe #663333#663333配色類似色変換RGB102, 51, 51HSL0°, 33%, 30%☆GRAYSCALE詳細を見るグレー 29Gray 29#4A4A4A配色類似色変換RGB74, 74, 74HSL0°, 0%, 29%☆GRAYSCALE詳細を見るグレー 28Gray 28#474747配色類似色変換RGB71, 71, 71HSL0°, 0%, 28%☆DESIGN-SCALES詳細を見るレッド・ソフト 800Red Soft 800#652929配色類似色変換RGB101, 41, 41HSL0°, 42%, 28%☆CSS詳細を見るdarkred#8B0000配色類似色変換RGB139, 0, 0HSL0°, 100%, 27%☆GRAYSCALE詳細を見るグレー 27Gray 27#454545配色類似色変換RGB69, 69, 69HSL0°, 0%, 27%☆GRAYSCALE詳細を見るグレー 26Gray 26#424242配色類似色変換RGB66, 66, 66HSL0°, 0%, 26%☆CSS詳細を見るmaroon#800000配色類似色変換RGB128, 0, 0HSL0°, 100%, 25%☆GRAYSCALE詳細を見るグレー 25Gray 25#404040配色類似色変換RGB64, 64, 64HSL0°, 0%, 25%☆DESIGN-SCALES詳細を見るレッド・クリア 800Red Clear 800#700F0F配色類似色変換RGB112, 15, 15HSL0°, 76%, 25%☆GRAYSCALE詳細を見るグレー 24Gray 24#3D3D3D配色類似色変換RGB61, 61, 61HSL0°, 0%, 24%☆TONES詳細を見るレッド・ダークRed Dark#611A1A配色類似色変換RGB97, 26, 26HSL0°, 58%, 24%☆GRAYSCALE詳細を見るグレー 23Gray 23#3B3B3B配色類似色変換RGB59, 59, 59HSL0°, 0%, 23%☆DESIGN-SCALES詳細を見るレッド・ミュート 800Red Muted 800#4A2B2B配色類似色変換RGB74, 43, 43HSL0°, 26%, 23%☆UTILITY詳細を見るレッド 900Red 900#5F1111配色類似色変換RGB95, 17, 17HSL0°, 70%, 22%☆GRAYSCALE詳細を見るグレー 22Gray 22#383838配色類似色変換RGB56, 56, 56HSL0°, 0%, 22%☆DESIGN-SCALES詳細を見るレッド・ディープ 700Red Deep 700#5C1414配色類似色変換RGB92, 20, 20HSL0°, 64%, 22%☆GRAYSCALE詳細を見るグレー 21Gray 21#363636配色類似色変換RGB54, 54, 54HSL0°, 0%, 21%☆GRAYSCALE詳細を見るグレー 20Gray 20#333333配色類似色変換RGB51, 51, 51HSL0°, 0%, 20%☆JAPANESE-TRADITIONAL詳細を見る墨色Sumi-iro#343434配色類似色変換RGB52, 52, 52HSL0°, 0%, 20%☆DESIGN-SCALES詳細を見るレッド・ソフト 900Red Soft 900#471F1F配色類似色変換RGB71, 31, 31HSL0°, 39%, 20%☆WEBSAFE詳細を見るWeb Safe #333333#333333配色類似色変換RGB51, 51, 51HSL0°, 0%, 20%☆WEBSAFE詳細を見るWeb Safe #660000#660000配色類似色変換RGB102, 0, 0HSL0°, 100%, 20%☆GRAYSCALE詳細を見るグレー 19Gray 19#303030配色類似色変換RGB48, 48, 48HSL0°, 0%, 19%☆GRAYSCALE詳細を見るグレー 18Gray 18#2E2E2E配色類似色変換RGB46, 46, 46HSL0°, 0%, 18%☆GRAYSCALE詳細を見るグレー 17Gray 17#2B2B2B配色類似色変換RGB43, 43, 43HSL0°, 0%, 17%☆JAPANESE-TRADITIONAL詳細を見る呂色Ro-iro#2B2B2B配色類似色変換RGB43, 43, 43HSL0°, 0%, 17%☆DESIGN-SCALES詳細を見るレッド・クリア 900Red Clear 900#4B0B0B配色類似色変換RGB75, 11, 11HSL0°, 74%, 17%☆GRAYSCALE詳細を見るグレー 16Gray 16#292929配色類似色変換RGB41, 41, 41HSL0°, 0%, 16%☆CREATIVE-PALETTE詳細を見るラグジュアリー配色用カラー 01Luxury Palette 01#3A1313配色類似色変換RGB58, 19, 19HSL0°, 51%, 15%☆GRAYSCALE詳細を見るグレー 15Gray 15#262626配色類似色変換RGB38, 38, 38HSL0°, 0%, 15%☆DESIGN-SCALES詳細を見るレッド・ミュート 900Red Muted 900#2F1D1D配色類似色変換RGB47, 29, 29HSL0°, 24%, 15% 前へ123456…67次へ
