WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 3,205色3ページ目 ☆WORLD-COLORS詳細を見るインディアンレッドIndian Red#CD5C5C配色類似色変換RGB205, 92, 92HSL0°, 53%, 58%☆GRAYSCALE詳細を見るグレー 58Gray 58#949494配色類似色変換RGB148, 148, 148HSL0°, 0%, 58%☆TONES詳細を見るレッド・ブライトRed Bright#F23636配色類似色変換RGB242, 54, 54HSL0°, 88%, 58%☆GRAYSCALE詳細を見るグレー 57Gray 57#919191配色類似色変換RGB145, 145, 145HSL0°, 0%, 57%☆GRAYSCALE詳細を見るグレー 56Gray 56#8F8F8F配色類似色変換RGB143, 143, 143HSL0°, 0%, 56%☆DESIGN-SCALES詳細を見るレッド・ソフト 500Red Soft 500#C35555配色類似色変換RGB195, 85, 85HSL0°, 48%, 55%☆GRAYSCALE詳細を見るグレー 55Gray 55#8C8C8C配色類似色変換RGB140, 140, 140HSL0°, 0%, 55%☆GRAYSCALE詳細を見るグレー 54Gray 54#8A8A8A配色類似色変換RGB138, 138, 138HSL0°, 0%, 54%☆GRAYSCALE詳細を見るグレー 53Gray 53#878787配色類似色変換RGB135, 135, 135HSL0°, 0%, 53%☆VIVID詳細を見るビビッド 000Vivid 000#F51414配色類似色変換RGB245, 20, 20HSL0°, 92%, 52%☆COLORWHEEL詳細を見る色相 0度Hue 000#E42525配色類似色変換RGB228, 37, 37HSL0°, 78%, 52%☆DESIGN-SCALES詳細を見るレッド・クリア 500Red Clear 500#E92020配色類似色変換RGB233, 32, 32HSL0°, 82%, 52%☆GRAYSCALE詳細を見るグレー 52Gray 52#858585配色類似色変換RGB133, 133, 133HSL0°, 0%, 52%☆GRAYSCALE詳細を見るグレー 51Gray 51#828282配色類似色変換RGB130, 130, 130HSL0°, 0%, 51%☆WEBSAFE詳細を見るWeb Safe #996666#996666配色類似色変換RGB153, 102, 102HSL0°, 20%, 50%☆WEBSAFE詳細を見るWeb Safe #CC3333#CC3333配色類似色変換RGB204, 51, 51HSL0°, 60%, 50%☆CSS詳細を見るgray#808080配色類似色変換RGB128, 128, 128HSL0°, 0%, 50%☆CSS詳細を見るgrey#808080配色類似色変換RGB128, 128, 128HSL0°, 0%, 50%☆WEBSAFE詳細を見るWeb Safe #FF0000#FF0000配色類似色変換RGB255, 0, 0HSL0°, 100%, 50%☆CSS詳細を見るred#FF0000配色類似色変換RGB255, 0, 0HSL0°, 100%, 50%☆GRAYSCALE詳細を見るグレー 50Gray 50#808080配色類似色変換RGB128, 128, 128HSL0°, 0%, 50%☆DESIGN-SCALES詳細を見るレッド・ディープ 400Red Deep 400#D42B2B配色類似色変換RGB212, 43, 43HSL0°, 66%, 50%☆DESIGN-SCALES詳細を見るレッド・ミュート 500Red Muted 500#A85757配色類似色変換RGB168, 87, 87HSL0°, 32%, 50%☆GRAYSCALE詳細を見るグレー 49Gray 49#7D7D7D配色類似色変換RGB125, 125, 125HSL0°, 0%, 49%☆UTILITY詳細を見るレッド 600Red 600#E11414配色類似色変換RGB225, 20, 20HSL0°, 84%, 48%☆GRAYSCALE詳細を見るグレー 48Gray 48#7A7A7A配色類似色変換RGB122, 122, 122HSL0°, 0%, 48%☆GRAYSCALE詳細を見るグレー 47Gray 47#787878配色類似色変換RGB120, 120, 120HSL0°, 0%, 47%☆GRAYSCALE詳細を見るグレー 46Gray 46#757575配色類似色変換RGB117, 117, 117HSL0°, 0%, 46%☆DESIGN-SCALES詳細を見るレッド・ソフト 600Red Soft 600#AB3F3F配色類似色変換RGB171, 63, 63HSL0°, 46%, 46%☆GRAYSCALE詳細を見るグレー 45Gray 45#737373配色類似色変換RGB115, 115, 115HSL0°, 0%, 45%☆GRAYSCALE詳細を見るグレー 44Gray 44#707070配色類似色変換RGB112, 112, 112HSL0°, 0%, 44%☆DESIGN-SCALES詳細を見るレッド・クリア 600Red Clear 600#C51616配色類似色変換RGB197, 22, 22HSL0°, 80%, 43%☆GRAYSCALE詳細を見るグレー 43Gray 43#6E6E6E配色類似色変換RGB110, 110, 110HSL0°, 0%, 43%☆CSS詳細を見るfirebrick#B22222配色類似色変換RGB178, 34, 34HSL0°, 68%, 42%☆GRAYSCALE詳細を見るグレー 42Gray 42#6B6B6B配色類似色変換RGB107, 107, 107HSL0°, 0%, 42%☆CSS詳細を見るbrown#A52A2A配色類似色変換RGB165, 42, 42HSL0°, 59%, 41%☆CSS詳細を見るdimgray#696969配色類似色変換RGB105, 105, 105HSL0°, 0%, 41%☆CSS詳細を見るdimgrey#696969配色類似色変換RGB105, 105, 105HSL0°, 0%, 41%☆GRAYSCALE詳細を見るグレー 41Gray 41#696969配色類似色変換RGB105, 105, 105HSL0°, 0%, 41%☆DESIGN-SCALES詳細を見るレッド・ミュート 600Red Muted 600#884949配色類似色変換RGB136, 73, 73HSL0°, 30%, 41%☆WEBSAFE詳細を見るWeb Safe #993333#993333配色類似色変換RGB153, 51, 51HSL0°, 50%, 40%☆WEBSAFE詳細を見るWeb Safe #CC0000#CC0000配色類似色変換RGB204, 0, 0HSL0°, 100%, 40%☆GRAYSCALE詳細を見るグレー 40Gray 40#666666配色類似色変換RGB102, 102, 102HSL0°, 0%, 40%☆DESIGN-SCALES詳細を見るレッド・ディープ 500Red Deep 500#AB2121配色類似色変換RGB171, 33, 33HSL0°, 68%, 40%☆WEBSAFE詳細を見るWeb Safe #666666#666666配色類似色変換RGB102, 102, 102HSL0°, 0%, 40%☆UTILITY詳細を見るレッド 700Red 700#B51212配色類似色変換RGB181, 18, 18HSL0°, 82%, 39%☆GRAYSCALE詳細を見るグレー 39Gray 39#636363配色類似色変換RGB99, 99, 99HSL0°, 0%, 39%☆GRAYSCALE詳細を見るグレー 38Gray 38#616161配色類似色変換RGB97, 97, 97HSL0°, 0%, 38% 前へ12345…67次へ
