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

このツールでできること

基本的な印刷引き継ぎとインク比率の参考で使うCMYKをCSS色名の検索結果、または内蔵一覧で最も近い名前へ変換し、読みやすいCSSキーワードや分かりやすいスウォッチ名に利用します。 入力がすでにCMYKで、次のシステムがCSS 色名（Colortone）を必要とするときに使います。複数表現を同時に見る場合は総合コンバーターが適しています。

確認済みの機能

適した用途

• 入力がすでにCMYKで、次のシステムがCSS 色名（Colortone）を必要とするときに使います。複数表現を同時に見る場合は総合コンバーターが適しています。
• 基本的な印刷引き継ぎとインク比率の参考で使うCMYKをCSS色名の検索結果、または内蔵一覧で最も近い名前へ変換し、読みやすいCSSキーワードや分かりやすいスウォッチ名に利用します。
• CMYK → COLORTONE: 読みやすいCSSキーワードや分かりやすいスウォッチ名.

使い方

1. 1

   元の色を入力

   シアン・マゼンタ・イエロー・キー／ブラックを0〜100%で入力します。 「使い方: 元の色を入力」では、この内容をCMYK から CSS 色名（Colortone） へ変換に合わせて適用します。

2. 2

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

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

3. 3

   変換値をコピー

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

4. 4

   精度の範囲を確認

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

操作項目の説明

結果の算出方法

シアン・マゼンタ・イエロー・キー／ブラックを0〜100%で入力します。 入力をsRGBの3チャンネルへ変換してから、CSS色名の検索結果、または内蔵一覧で最も近い名前として整形します。CMYKはデバイス依存です。プリンタープロファイル、インク、紙、色校正で最終的な印刷色が変わります。ColortoneはAppKiroにおけるCSS色名検索の呼称で、標準色空間ではありません。名前への変換はRGBのユークリッド距離を使います。

実用的なヒント

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

トラブルシューティング

よくある質問

次のカラーワークフロー

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

• HEX・RGB・HSL・LAB・OKLCH カラー変換
• CSS 色名（Colortone） から CMYK へ変換
• WCAG カラーコントラストチェック