🔍
デザイナーやフロントエンド開発者が画面デザインを実装へ渡す前には、HEX から HSL への変換が役立ちます。HEXの色をHSLに変換します。
HEXの色をHSLに変換します。アカウントを作成せずブラウザーで無料で利用でき、表示された結果を十分に確認してから次の作業へ進めます。
サンプルカラーでは、ツールは入力した16進数コードに一致する色相、彩度、明度を返すはずです。パレットやボタンの状態を調整する前に、色相と明度に注目してください。
入力
#16A34A出力
hsl(142 76% 36%)変換はブラウザー内でローカルに行われます。入力したカラーコードはどこにも送信されず、デバイスから出ることはありません。
HSLは色を色相、彩度、明度で表します。これらの成分は、パレットの調整、バリエーションの作成、ドキュメントでの色の説明に便利です。
いいえ、ツールは入力エリアの値に対して動作します。複数の色を比較するには、各コードで変換を順番に実行してください。
まず、16進数コードが完全で正しく入力されているか確認してください。無効または不完全な値は、信頼できるHSL成分に変換できません。