LAB→HEX変換ツール – 無料のオンライン色変換
LAB→HEX変換ツールは、L*a*b*の色の値を16進数に変換し、双方向のライブ編集に対応するので、どちらかの値を変更するともう一方が更新されます。#abc、rgb(1 2 3 / 50%)、色名といった寛容な色入力も受け付けます。カラースウォッチ・コピーして使えるCSS・sRGBの範囲外の色の色域外警告を確認しましょう。
LAB→HEX変換ツールは、L*a*b*の色の値を16進数に変換し、どちらかの値をライブで更新しながら編集できます。LABで表された色と、コード・ドキュメント・他のシステム用のHEX値の間を行き来する必要がある場合に便利です。カラースウォッチで視覚的な参照ができ、このツールはコピーして使えるCSSを提供します。
この変換ツールは#abc、rgb(1 2 3 / 50%)、色名を含む寛容な色入力を受け付けます。どちらかを編集するともう一方が更新されます。利用可能なオプションを調整でき、色がsRGBの範囲外の場合は色域外警告が表示されます。ここに具体的なオプション名は記載がないため、利用可能なオプションはツールのコントロールを確認してください。
L*a*b*は明度と2つの色対立次元で色を表し、HEXはsRGBの色を16進数の値で表します。両者を変換すると、あるワークフローの色データを別のワークフローで使う必要がある場合に役立ちます。一部の色はsRGBの範囲外になるため、警告で色が色域外であることに気づけます。
この変換ツールは完全にブラウザ上で動作します。入力はお使いのデバイス上で処理され、アップロード・保存・サーバーへの送信はされません。登録不要で、ページの読み込み後はオフラインで動作します。開発者やDevOpsエンジニアは、ブラウザを離れずに色の値を確認・移行・記録できます。My-DevToolsにはコンテンツをL*a*b*に戻す逆変換の専用ページもあります。
手順1: L*a*b*の色の値を入力して、16進数の等価値を確認します。
手順2: LABまたはHEXのどちらかを編集します。もう一方がライブで更新されます。
手順3: 必要に応じて利用可能なオプションを調整し、スウォッチと色域外警告を確認します。
手順4: HEXの結果またはコピーして使えるCSSをコピーして、コードやドキュメントに使います。
用途: L*a*b*データを、16進数の色の値のみを受け付けるシステムに移します。
用途: 与えられた16進数の値がL*a*b*の元値と一致するか、どちらかを編集して結果を比較してチェックします。
用途: ドキュメント・チケット・コミットメッセージ用にL*a*b*またはHEXの色の詳細を準備します。
用途: HEXの値をコードに追加する前に、色の変換をざっと確認します。
用途: 色をスタイルシートに移す際に、コピーして使えるCSSを作成します。
用途: sRGBの範囲外のL*a*b*の色を扱う際に、色域外警告を確認します。