COLORTONEの入力規則
内蔵一覧からCSS色名を選びます。正規化後は大文字・小文字を区別しません。
1. 色名値を入力
見た目で色を選ぶか、スライダーを使うか、値を貼り付けます。
クイックプリセット
2. ライブプレビュー
cmyk(0%, 61%, 72%, 0%)
tomato
プレビュー元画像
rgb(255, 99, 71)
20%明るく
rgb(255, 130, 108)
20%暗く
rgb(204, 79, 57)
補色
rgb(71, 227, 255)
色情報
色名：tomato明るさ：56%輝度：0.306白とのコントラスト：2.95 : 1黒とのコントラスト：7.13 : 1
視覚比較
Aa
白文字
Aa
黒文字
3. 結果
cmyk(0%, 61%, 72%, 0%)
他の形式
HEX#FF6347
RGBrgb(255, 99, 71)
RGBArgba(255, 99, 71, 1)
HSLhsl(9, 100%, 64%)
HSLAhsla(9, 100%, 64%, 1)
HSVhsv(9, 72%, 100%)
CMYKcmyk(0%, 61%, 72%, 0%)
名前tomato
カラーパレット
ヒント
EyeDropper API対応ブラウザでは画面から色を取得できます。
要点
読みやすいCSSキーワードや分かりやすいスウォッチ名で使うCSS 色名（Colortone）をICCプロファイルを使わない数式ベースのCMYK比率へ変換し、基本的な印刷引き継ぎとインク比率の参考に利用します。 チャンネルの正規化と整数・パーセント整形により、COLORTONE → CMYK → COLORTONEの往復値が元と異なる場合があります。
このツールでできること
読みやすいCSSキーワードや分かりやすいスウォッチ名で使うCSS 色名（Colortone）をICCプロファイルを使わない数式ベースのCMYK比率へ変換し、基本的な印刷引き継ぎとインク比率の参考に利用します。 入力がすでにCSS 色名（Colortone）で、次のシステムがCMYKを必要とするときに使います。複数表現を同時に見る場合は総合コンバーターが適しています。
確認済みの機能
CMYK結果の読み方
ICCプロファイルを使わない数式ベースのCMYK比率
精度の範囲を確認
チャンネルの正規化と整数・パーセント整形により、COLORTONE → CMYK → COLORTONEの往復値が元と異なる場合があります。 再利用する前に、利用先の要件と結果を照合します。
適した用途
- 入力がすでにCSS 色名（Colortone）で、次のシステムがCMYKを必要とするときに使います。複数表現を同時に見る場合は総合コンバーターが適しています。
- 読みやすいCSSキーワードや分かりやすいスウォッチ名で使うCSS 色名（Colortone）をICCプロファイルを使わない数式ベースのCMYK比率へ変換し、基本的な印刷引き継ぎとインク比率の参考に利用します。
- COLORTONE → CMYK: 基本的な印刷引き継ぎとインク比率の参考.
使い方
元の色を入力
内蔵一覧からCSS色名を選びます。正規化後は大文字・小文字を区別しません。 「使い方: 元の色を入力」では、この内容をCSS 色名（Colortone） から CMYK へ変換に合わせて適用します。
正規化されたプレビューを確認
スライダー・直接入力・プリセット・利用可能なシステムピッカーを使えます。プレビューでCMYK整形前の正規化を確認します。
変換値をコピー
CMYKの行をコピーします。他形式も比較できますが、このページの目的はCOLORTONE → CMYKです。
精度の範囲を確認
チャンネルの正規化と整数・パーセント整形により、COLORTONE → CMYK → COLORTONEの往復値が元と異なる場合があります。 再利用する前に、利用先の要件と結果を照合します。 CMYKをコピーする前に、プレビューで解析ミスを確認します。
操作項目の説明
COLORTONEの入力規則
内蔵一覧からCSS色名を選びます。正規化後は大文字・小文字を区別しません。 「操作項目の説明: COLORTONEの入力規則」では、この内容をCSS 色名（Colortone） から CMYK へ変換に合わせて適用します。
CMYK結果の読み方
ICCプロファイルを使わない数式ベースのCMYK比率. CMYKはデバイス依存です。プリンタープロファイル、インク、紙、色校正で最終的な印刷色が変わります。
結果の算出方法
内蔵一覧からCSS色名を選びます。正規化後は大文字・小文字を区別しません。 入力をsRGBの3チャンネルへ変換してから、ICCプロファイルを使わない数式ベースのCMYK比率として整形します。ColortoneはAppKiroにおけるCSS色名検索の呼称で、標準色空間ではありません。名前への変換はRGBのユークリッド距離を使います。CMYKはデバイス依存です。プリンタープロファイル、インク、紙、色校正で最終的な印刷色が変わります。
精度と制限
- チャンネルの正規化と整数・パーセント整形により、COLORTONE → CMYK → COLORTONEの往復値が元と異なる場合があります。
- ColortoneはAppKiroにおけるCSS色名検索の呼称で、標準色空間ではありません。名前への変換はRGBのユークリッド距離を使います。
- CMYKはデバイス依存です。プリンタープロファイル、インク、紙、色校正で最終的な印刷色が変わります。
処理とプライバシー
ページ内のローカルTypeScript関数で変換し、この計算のために色値をサーバーへ送信する必要はありません。
実用的なヒント
- 丸められたCMYK結果と比較できるよう、元のCOLORTONE値を残します。
- CMYKをコピーする前に、プレビューで解析ミスを確認します。
トラブルシューティング
COLORTONE入力が無効になるのはなぜですか？
内蔵一覧からCSS色名を選びます。正規化後は大文字・小文字を区別しません。 「トラブルシューティング: COLORTONE入力が無効になるのはなぜですか？」では、この内容をCSS 色名（Colortone） から CMYK へ変換に合わせて適用します。
COLORTONEをCMYKへ変換して戻すと値が変わるのはなぜですか？
チャンネルの正規化と整数・パーセント整形により、COLORTONE → CMYK → COLORTONEの往復値が元と異なる場合があります。 「トラブルシューティング: COLORTONEをCMYKへ変換して戻すと値が変わるのはなぜですか？」では、この内容をCSS 色名（Colortone） から CMYK へ変換に合わせて適用します。
精度の範囲を確認
チャンネルの正規化と整数・パーセント整形により、COLORTONE → CMYK → COLORTONEの往復値が元と異なる場合があります。 リセットして既知の対応値で再試行してから、アルゴリズムの問題かを判断します。
よくある質問
COLORTONEからCMYK専用の変換を使う場面は？
入力がすでにCSS 色名（Colortone）で、次のシステムがCMYKを必要とするときに使います。複数表現を同時に見る場合は総合コンバーターが適しています。 「COLORTONEからCMYK専用の変換を使う場面は？」では、この内容をCSS 色名（Colortone） から CMYK へ変換に合わせて適用します。
COLORTONE入力が無効になるのはなぜですか？
内蔵一覧からCSS色名を選びます。正規化後は大文字・小文字を区別しません。 「COLORTONE入力が無効になるのはなぜですか？」では、この内容をCSS 色名（Colortone） から CMYK へ変換に合わせて適用します。
COLORTONEをCMYKへ変換して戻すと値が変わるのはなぜですか？
チャンネルの正規化と整数・パーセント整形により、COLORTONE → CMYK → COLORTONEの往復値が元と異なる場合があります。 「COLORTONEをCMYKへ変換して戻すと値が変わるのはなぜですか？」では、この内容をCSS 色名（Colortone） から CMYK へ変換に合わせて適用します。
この結果をそのまま印刷に使えますか？
CMYKはデバイス依存です。プリンタープロファイル、インク、紙、色校正で最終的な印刷色が変わります。 「この結果をそのまま印刷に使えますか？」では、この内容をCSS 色名（Colortone） から CMYK へ変換に合わせて適用します。
最も近いCSS色名はどのように選ばれますか？
ColortoneはAppKiroにおけるCSS色名検索の呼称で、標準色空間ではありません。名前への変換はRGBのユークリッド距離を使います。 「最も近いCSS色名はどのように選ばれますか？」では、この内容をCSS 色名（Colortone） から CMYK へ変換に合わせて適用します。
CMYK結果はどの構文で出力されますか？
ICCプロファイルを使わない数式ベースのCMYK比率. 基本的な印刷引き継ぎとインク比率の参考. CMYKはデバイス依存です。プリンタープロファイル、インク、紙、色校正で最終的な印刷色が変わります。
次のカラーワークフロー
入力がすでにCSS 色名（Colortone）で、次のシステムがCMYKを必要とするときに使います。複数表現を同時に見る場合は総合コンバーターが適しています。 「次のカラーワークフロー」では、この内容をCSS 色名（Colortone） から CMYK へ変換に合わせて適用します。
関連ツールで続ける
COLORTONE → CMYKの変換後も作業を続ける場合は、最初の関連ツールを開きます。
HEX・RGB・HSL・LAB・OKLCH カラー変換