HEX→LAB変換ツール – ブラウザで色変換
HEX→LABは、16進数とL*a*b*の間で色をリアルタイムに変換します。どちら側も編集可能です。#abcのような短縮HEX、rgb(1 2 3 / 50%)のようなRGB表記、色名を受け付けます。スウォッチを確認し、貼り付け可能なCSSの1行をコピー。色がsRGBの範囲外の場合は色域外警告を確認しましょう。
HEX→LABは、16進カラーをL*a*b*値に変換するブラウザベースのカラー変換ツールです。双方向ライブ編集にも対応し、どちらか一方を変更するともう一方が更新されるのを確認できます。スウォッチ、貼り付け可能なCSSの1行、色域外警告で、作業中の結果レビューがしやすくなります。
色を入力して変換を確認します。ツール名はHEX→LABですが、パーサーは柔軟です。#abcのような短縮HEX、rgb(1 2 3 / 50%)のようなRGB表記、色名を受け付けます。どちらかのフィールドを編集すると変換が更新され、色がsRGBの範囲外の場合はツールが警告します。表示されるL*a*b*結果を使ったり、CSSの1行をコピーしたりできます。
HEXとLABは色を異なる方法で表現します。HEXは色を指定するコンパクトな表記であり、L*a*b*は明度と2つの色対立次元で色を表現します。別の表現を期待するシステムに色を移したり、渡された値を確認したり、コードやドキュメント用のカラー詳細を用意したりする際に、両者間の変換が役立ちます。
HEX→LABは完全にブラウザ上で動作します。入力はお使いのデバイスで処理され、サーバーへのアップロード、保存、送信は行われません。ページの読み込み後はオフラインで変換でき、登録は不要です。無料で利用できます。
この変換ツールは、開発者、DevOpsエンジニア、カラー値を形式間で検査・移動したいすべての方に役立ちます。コードに値を追加する前の変換チェック、チケットでの色の共有、結果を再入力せずにHEXとLABの表現を比較するために使いましょう。
手順1: HEXフィールドに色を入力します。パーサーは#abcのような短縮HEX、rgb(1 2 3 / 50%)のようなRGB表記、色名も受け付けます。
手順2: ライブのL*a*b*結果を確認します。どちらかのカラーフィールドを編集すると、ツールがもう一方を更新します。
手順3: スウォッチを確認し、現在の入力と結果が表す色を見ます。
手順4: 色がsRGBの範囲外の場合は色域外警告を確認しましょう。
手順5: L*a*b*値、または貼り付け可能なCSSの1行をコピーして、コードやメモに使いましょう。
用途: 16進カラーをL*a*b*しか受け付けないシステムに移します。ライブ変換で、結果を次のツールにコピーしやすくなります。
用途: 渡されたL*a*b*値が元の16進数と一致するか確認します。どちらかを編集して、更新された色とスウォッチを比較します。
用途: ドキュメント、チケット、コミットメッセージ用に16進カラーのスニペットを用意します。コードに使いやすい値が必要な場合は、貼り付け可能なCSSの1行をコピーします。
用途: 結果をコードに貼り付ける前にカラー変換をサニティチェックします。スウォッチと色域外警告で、表示される色をレビューできます。
用途: デザインや実装の議論中に、色をHEXとLABで比較します。両方の値がライブで更新される様子で、2つの表現を一致させやすくなります。
用途: HEXとLABの表現を調べたい場合に、RGB表記や色名で書かれた色を入力として使います。