LAB→LCH変換ツール–CSSの色値を変換
L*a*b* カラーを入力すると、そのLCH相当値がすぐに表示され、どちらかを編集するとライブで双方向に更新されます。この変換ツールは、#abc、rgb(1 2 3 / 50%)、色名などの入力を受け付けます。スウォッチ、コピーして使えるCSS、色がsRGBの色域外の場合の色域外警告も表示します。
LAB→LCH色変換ツールは、L*a*b* カラーをLCH値に変換します。ライブ双方向編集により、どちらかを変更して他方の更新を確認できます。#abc、rgb(1 2 3 / 50%)、色名など、寛容な色入力を受け付けます。スウォッチ、コピーして使えるCSS行、色域外警告により、結果の確認と再利用がしやすくなります。
変換では、色をL*a*b* とともにLCHでも表示します。LCHは明度、彩度、色相で色を記述し、L*a*b* は明度と2つの反対色次元を使います。値を入力し、その相当値を確認して、どちらかを調整できます。ページに表示されたオプションも調整できます。
これらの形式は異なるワークフローで便利なため、システム、文書、コードスニペットがもう一方の表現を必要とする場合に、相互変換が役立ちます。スウォッチは色を視覚的に確認するのに役立ち、CSS行はコピーできる状態です。色がsRGBの色域外にある場合、変換ツールは警告を表示します。
LAB→LCH変換ツールは完全にブラウザ上で動作します。入力はお使いのデバイス上で処理され、サーバーにアップロード・保存・送信されることはありません。登録は不要で、ページを読み込んだ後は、サーバーへの依存なしでオフラインでも動作します。
このツールは、ワークフロー間で色の値を移動したり、提供された変換を確認したり、コードやドキュメント用の色の詳細を準備したりする開発者やDevOpsエンジニアに役立ちます。ライブ編集と表示されるスウォッチにより、L*a*b* とLCHのペアを単に確認したい場合にも使いやすくなっています。
手順1: L*a*b* カラーを入力または貼り付けます。この変換ツールは、#abc、rgb(1 2 3 / 50%)、色名などの一般的な色入力を受け付けます。
手順2: LCH値を確認します。入力に応じて更新され、どちらかを編集するともう一方が更新されます。
手順3: ページに表示されたオプションを調整します。利用可能なオプションは、変換ツールが提示する内容によります。
手順4: スウォッチとCSS行を確認し、結果をコピーします。色がsRGBの色域外にある場合は色域外警告が表示されます。
用途: LCHを受け付けるシステムに L*a*b* データを移します。値を変換し、次の手順用に結果をコピーします。
用途: LCH値が L*a*b* の原本と一致するか確認します。ライブ双方向編集で値を比較しやすくなります。
用途: ドキュメント、チケット、コミットメッセージ用に L*a*b* カラースニペットを準備します。コピーして使えるCSS行により、メモに結果を含めやすくなります。
用途: 結果をコードに貼り付ける前に、色変換を念のためチェックします。スウォッチで色を確認し、色域外警告に注意します。
用途: CSSの色入力を扱いながら、そのLCH相当値を確認します。この変換ツールは、#abc、rgb(1 2 3 / 50%)、色名などの値を受け付けます。
用途: ペアの値を相互に確認しながら、どちらかの色を調整します。ライブ更新とスウォッチにより、編集しながら結果を確認できます。