統一色空間変換器
ガイド
統一色空間変換器
任意の一般的なフォーマットに色を貼り付け、すぐに9つの色空間に並べて表示されます。変換器はHEX、RGB、HSL、HSV/HSB、CMYK、CIE LAB、LCH、CIE XYZ、Oklab、およびCSS名付き色を自動検出し、sRGBのガンマ補正と標準D65の白点を使用してすべての他の表現を計算します。リアルタイムのスウォッチプレビューと各値のワンクリックコピー機能により、デザイナー、開発者、印刷チーム、および正確な色計測が必要な人々にとって、自作の計算を避けた高速なツールになります。
使用方法
- 色の値をタイプまたは貼り付けます。 色の値 フィールド。任意の一般的なフォーマットが使えます:
#464aff,rgb(70, 74, 255),hsl(238, 100%, 64%),lab(45 35 -85),oklab(0.5 0.1 -0.05),cmyk(72%, 71%, 0%, 0%)、またはCSS名のようなcornflowerblue. - オプションとして、ネイティブの色選択器をドラッグして色を視覚的に選択できます。選択器とテキストフィールドは同期されます。
- 検出された入力フォーマットはプレビューにバッジとして表示され、他のすべての色空間が自動的に埋められます。
- 任意の出力の隣のコピーアイコンをクリックして、その表現をクリップボードにコピーします。
- の 最も近いCSS名 フィールドは最も近い標準CSS色とそのΔE76距離を表示し、パレットの決定に迅速に活用できます。
機能
- 9つの色空間同時表示 – HEX、RGB、HSL、HSV/HSB、CMYK、CIE LAB、LCH、CIE XYZ (D65)、およびOklabが並列に表示されます。
- 入力の自動検出 – 任意のフォーマットを貼り付け、パーサーがそれを判別します。これには現代の
lab(),lch(),oklab()、およびCSS名付き色も含まれます。 - 正確な色計測 – sRGBガンマエンコード/デコード、Bradford対応D65マトリクス、およびBjörn OttossonのOklabマトリクスにより、視覚的に正確な結果を提供します。
- リアルタイムスワッチプレビュー – タイプ中に正確に表示された色とそのHEXおよびRGB文字列を同時に確認できます。
- 最も近いCSS色名 – 全CSS名付き色リストに対してΔE76を検索し、視覚的なラベル付けを迅速に実行します。
- ワンクリックコピー – すべての出力行にコピーボタンがあり、値を設計ファイルまたはコードに直接移動できます。
- 純粋なクライアントサイド計算 – すべてがブラウザ内でローカルに実行され、色値がサーバーに送信されることはありません。
よくある質問
-
CIE LABとOklabの違いは何ですか?
CIE LABは1976年から標準的な視覚的に一貫した色空間として使われており、印刷および色科学において広く使用されています。Oklabは2020年にBjörn Ottossonによって導入され、LABの色の均一性に関する既知の弱点、特に青の範囲を修正するために特別に調整されました。Oklabは一般的により滑らかなグラデーションと予測可能な色の回転を提供し、そのためCSS Color Level 4は現代のウェブ色作業のためにOklabを推奨しています。
-
同じ色がLABとXYZで異なる値を持つのはなぜですか?
CIE XYZは、人間の見える色の範囲をカバーする3つの仮想主成分を使って色を記述し、値は光強度に線形です。CIE LABはXYZの非線形変換であり、視覚的に一貫したように設計されており、LABにおける等しい数値距離は、人間の視覚で等しい差を表します。これらは同じ色を表していますが、XYZは色科学計算に使用され、LABは視覚的な差を測定するために使用されます。
-
CMYKはなぜ近似値ですか?
正確なCMYK出力は、使用されるインク、紙、および印刷機に依存します。これはICCプロファイルに記録されます。デバイス独立なCMYKの推定値(このツールが生成するもの)は、sRGBの上に単純な減色モデルを適用し、物理的な印刷プロセスを無視します。これは粗い変換に有用ですが、正確性が求められる場合は、実際の目的地ICCプロファイルによるソフトプローフを置き換えるべきではありません。
-
最も近いCSS名の横に表示されるΔE値は何を意味しますか?
ΔE(デルタE)は、LAB色空間における2つの色が人間の観察者にどのように異なるかを1つの数値で要約します。ΔE76は1976年の元公式であり、このツールが報告するものです。概ね、ΔEが1未満であればほとんど区別できません。2未満であれば並べた比較ではわずかに気づかれますが、10を超えると明らかに異なる色です。
-
なぜいくつかのLABまたはOklabの値がRGB結果を切り捨てますか?
LAB、LCH、Oklab、XYZは、sRGBの色域を超える色を記述でき、標準モニタで正確に表示できません。変換されたRGB値が0未満または255を超える場合、このツールは各チャンネルを表示可能な範囲に切り捨てます。表示される色は、色域内の最も近い近似値であり、元の色域外の色の忠実な再現ではありません。
恵 スコアボードが到着しました!
スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します!
