色名検索

任意の色に最も近い CSS 色名を検索します。

色名検索は、HEX、RGB、HSL、HSV の任意の色を、重み付き RGB 距離で最も近い CSS 色名にマッピングします。

色

red

#ff0000

出力

{
  "input": "#ff0000",
  "name": "red",
  "hex": "#ff0000",
  "distance": 0
}

使い方

どの色名が含まれますか？

red、steelblue、rebeccapurple などの一般的な CSS 色名が含まれます。

一致は正確ですか？

リスト内で最も近い色を返すため、近似になる場合があります。

ランダム、類似、補色、トライアドなどの調和するパレットを作成します。

HEX、RGB、HSL、HSV を即座に相互変換します。

アクセシブルな配色のための WCAG コントラスト比を確認します。

一般的な色覚異常の見え方を画像でプレビューします。

カスタム色と方向で CSS 線形グラデーションを作成します。

ティント・シェードの色階調を生成し、CSS 変数としてエクスポートします。