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

このツールでできること

読みやすいCSSキーワードや分かりやすいスウォッチ名で使うCSS 色名（Colortone）をピッカー中心の作業向けの色相・彩度・明度値へ変換し、カラーピッカー、色相回転、グラフィックス操作に利用します。 入力がすでにCSS 色名（Colortone）で、次のシステムがHSVを必要とするときに使います。複数表現を同時に見る場合は総合コンバーターが適しています。

確認済みの機能

適した用途

• 入力がすでにCSS 色名（Colortone）で、次のシステムがHSVを必要とするときに使います。複数表現を同時に見る場合は総合コンバーターが適しています。
• 読みやすいCSSキーワードや分かりやすいスウォッチ名で使うCSS 色名（Colortone）をピッカー中心の作業向けの色相・彩度・明度値へ変換し、カラーピッカー、色相回転、グラフィックス操作に利用します。
• COLORTONE → HSV: カラーピッカー、色相回転、グラフィックス操作.

使い方

1. 1

   元の色を入力

   内蔵一覧からCSS色名を選びます。正規化後は大文字・小文字を区別しません。 「使い方: 元の色を入力」では、この内容をCSS 色名（Colortone） から HSV へ変換に合わせて適用します。

2. 2

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

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

3. 3

   変換値をコピー

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

4. 4

   精度の範囲を確認

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

操作項目の説明

結果の算出方法

内蔵一覧からCSS色名を選びます。正規化後は大文字・小文字を区別しません。 入力をsRGBの3チャンネルへ変換してから、ピッカー中心の作業向けの色相・彩度・明度値として整形します。ColortoneはAppKiroにおけるCSS色名検索の呼称で、標準色空間ではありません。名前への変換はRGBのユークリッド距離を使います。HSVの明度値は最大のRGBチャンネルで、知覚的な明るさではありません。独立したCSS構文でもありません。

実用的なヒント

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

トラブルシューティング

よくある質問

次のカラーワークフロー

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

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