広告が嫌いですか? 行く 広告なし 今日

統一色空間変換器

開発者画像

色の入力

HEX、RGB(A)、HSL(A)、HSV/HSB、CMYK、LAB、LCH、Oklab、XYZ、またはCSS名付き色を自動検出します。
スウォッチを使用して色を視覚的に選択します。

プレビュー


すべての色空間

ガイド

統合色空間変換

統一色空間変換器

任意の一般的なフォーマットに色を貼り付け、すぐに9つの色空間に並べて表示されます。変換器はHEX、RGB、HSL、HSV/HSB、CMYK、CIE LAB、LCH、CIE XYZ、Oklab、およびCSS名付き色を自動検出し、sRGBのガンマ補正と標準D65の白点を使用してすべての他の表現を計算します。リアルタイムのスウォッチプレビューと各値のワンクリックコピー機能により、デザイナー、開発者、印刷チーム、および正確な色計測が必要な人々にとって、自作の計算を避けた高速なツールになります。

使用方法

  1. 色の値をタイプまたは貼り付けます。 色の値 フィールド。任意の一般的なフォーマットが使えます: #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.
  2. オプションとして、ネイティブの色選択器をドラッグして色を視覚的に選択できます。選択器とテキストフィールドは同期されます。
  3. 検出された入力フォーマットはプレビューにバッジとして表示され、他のすべての色空間が自動的に埋められます。
  4. 任意の出力の隣のコピーアイコンをクリックして、その表現をクリップボードにコピーします。
  5. 最も近い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を検索し、視覚的なラベル付けを迅速に実行します。
  • ワンクリックコピー – すべての出力行にコピーボタンがあり、値を設計ファイルまたはコードに直接移動できます。
  • 純粋なクライアントサイド計算 – すべてがブラウザ内でローカルに実行され、色値がサーバーに送信されることはありません。

よくある質問

  1. CIE LABとOklabの違いは何ですか?

    CIE LABは1976年から標準的な視覚的に一貫した色空間として使われており、印刷および色科学において広く使用されています。Oklabは2020年にBjörn Ottossonによって導入され、LABの色の均一性に関する既知の弱点、特に青の範囲を修正するために特別に調整されました。Oklabは一般的により滑らかなグラデーションと予測可能な色の回転を提供し、そのためCSS Color Level 4は現代のウェブ色作業のためにOklabを推奨しています。

  2. 同じ色がLABとXYZで異なる値を持つのはなぜですか?

    CIE XYZは、人間の見える色の範囲をカバーする3つの仮想主成分を使って色を記述し、値は光強度に線形です。CIE LABはXYZの非線形変換であり、視覚的に一貫したように設計されており、LABにおける等しい数値距離は、人間の視覚で等しい差を表します。これらは同じ色を表していますが、XYZは色科学計算に使用され、LABは視覚的な差を測定するために使用されます。

  3. CMYKはなぜ近似値ですか?

    正確なCMYK出力は、使用されるインク、紙、および印刷機に依存します。これはICCプロファイルに記録されます。デバイス独立なCMYKの推定値(このツールが生成するもの)は、sRGBの上に単純な減色モデルを適用し、物理的な印刷プロセスを無視します。これは粗い変換に有用ですが、正確性が求められる場合は、実際の目的地ICCプロファイルによるソフトプローフを置き換えるべきではありません。

  4. 最も近いCSS名の横に表示されるΔE値は何を意味しますか?

    ΔE(デルタE)は、LAB色空間における2つの色が人間の観察者にどのように異なるかを1つの数値で要約します。ΔE76は1976年の元公式であり、このツールが報告するものです。概ね、ΔEが1未満であればほとんど区別できません。2未満であれば並べた比較ではわずかに気づかれますが、10を超えると明らかに異なる色です。

  5. なぜいくつかのLABまたはOklabの値がRGB結果を切り捨てますか?

    LAB、LCH、Oklab、XYZは、sRGBの色域を超える色を記述でき、標準モニタで正確に表示できません。変換されたRGB値が0未満または255を超える場合、このツールは各チャンネルを表示可能な範囲に切り捨てます。表示される色は、色域内の最も近い近似値であり、元の色域外の色の忠実な再現ではありません。

広告なしで楽しみたいですか? 今すぐ広告なしで

拡張機能をインストールする

お気に入りのブラウザにIOツールを追加して、すぐにアクセスし、検索を高速化します。

に追加 Chrome拡張機能 に追加 エッジ拡張 に追加 Firefox 拡張機能 に追加 Opera 拡張機能

スコアボードが到着しました!

スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します!

ニュースコーナー 技術ハイライト付き

参加する

価値ある無料ツールの提供を継続するためにご協力ください

コーヒーを買って