カラー変換ツール（HEX → RGB / HSL）

この計算ツールについて

このツールは、#1e6bffのようなHEXカラーコードを、RGB（赤・緑・青の各チャンネルを0〜255で表した値）とHSL（色相、彩度、明度）の等価な表現に変換します。3つはまったく同じ色を表す別々の記法で、ツールやファイル形式によって求められるものが異なります。HEXはCSSやデザインファイルで最も一般的な簡潔な形式、RGBは画面が光を混ぜる仕組みに直結し、HSLは明度や彩度だけを変えるのに3つのチャンネル値を計算し直す必要がないため、人間には考えやすいことが多い形式です。

モックアップやブランドガイドライン、画像から色を取り出し、CSSやコードで別の形式が必要になるウェブ開発者やデザイナーに使われます。また、HEXの桁を当てずっぽうに調整するよりHSLで考えるほうが楽だと感じる人が、明るさや彩度を微調整する際にも使います。Figmaのようなデザインツールやブラウザの開発者ツールのカラーピッカーも、複数の形式で色を表示するたびに裏で同じ変換をしています。