HSV から CSS 色名（Colortone） へ変換

このツールでできること

カラーピッカー、色相回転、グラフィックス操作で使うHSVをCSS色名の検索結果、または内蔵一覧で最も近い名前へ変換し、読みやすいCSSキーワードや分かりやすいスウォッチ名に利用します。 入力がすでにHSVで、次のシステムがCSS 色名（Colortone）を必要とするときに使います。複数表現を同時に見る場合は総合コンバーターが適しています。

確認済みの機能

適した用途

• 入力がすでにHSVで、次のシステムがCSS 色名（Colortone）を必要とするときに使います。複数表現を同時に見る場合は総合コンバーターが適しています。
• カラーピッカー、色相回転、グラフィックス操作で使うHSVをCSS色名の検索結果、または内蔵一覧で最も近い名前へ変換し、読みやすいCSSキーワードや分かりやすいスウォッチ名に利用します。
• HSV → COLORTONE: 読みやすいCSSキーワードや分かりやすいスウォッチ名.

使い方

1. 1

   元の色を入力

   色相は度、彩度と明度値はパーセントで入力します。色相は色相環に沿って正規化されます。 「使い方: 元の色を入力」では、この内容をHSV から CSS 色名（Colortone） へ変換に合わせて適用します。

2. 2

   正規化されたプレビューを確認

   スライダー・直接入力・プリセット・利用可能なシステムピッカーを使えます。プレビューでCOLORTONE整形前の正規化を確認します。

3. 3

   変換値をコピー

   COLORTONEの行をコピーします。他形式も比較できますが、このページの目的はHSV → COLORTONEです。

4. 4

   精度の範囲を確認

   チャンネルの正規化と整数・パーセント整形により、HSV → COLORTONE → HSVの往復値が元と異なる場合があります。 再利用する前に、利用先の要件と結果を照合します。 COLORTONEをコピーする前に、プレビューで解析ミスを確認します。

操作項目の説明

結果の算出方法

色相は度、彩度と明度値はパーセントで入力します。色相は色相環に沿って正規化されます。 入力をsRGBの3チャンネルへ変換してから、CSS色名の検索結果、または内蔵一覧で最も近い名前として整形します。HSVの明度値は最大のRGBチャンネルで、知覚的な明るさではありません。独立したCSS構文でもありません。ColortoneはAppKiroにおけるCSS色名検索の呼称で、標準色空間ではありません。名前への変換はRGBのユークリッド距離を使います。

実用的なヒント

• 丸められたCOLORTONE結果と比較できるよう、元のHSV値を残します。
• COLORTONEをコピーする前に、プレビューで解析ミスを確認します。

トラブルシューティング

よくある質問

次のカラーワークフロー

入力がすでにHSVで、次のシステムがCSS 色名（Colortone）を必要とするときに使います。複数表現を同時に見る場合は総合コンバーターが適しています。 「次のカラーワークフロー」では、この内容をHSV から CSS 色名（Colortone） へ変換に合わせて適用します。

• HEX・RGB・HSL・LAB・OKLCH カラー変換
• CSS 色名（Colortone） から HSV へ変換
• カラーパレットジェネレーター