カラーコード変換

これは、Web およびデザイン作業用のカラー コンバータで、最もよく使用する 3 つの形式 (HEX、RGB、HSL) 間で色を変換し、ライブ スウォッチを使用して、作業している内容を正確に確認できます。

これは、デザインとコードの間の日常的な接着剤です。モックアップのブランド カラーを CSS 変数に一致させたり、デザイナーがある形式で指定した値をフレームワークが必要とする値に変換したり、ホバー状態のわずかに明るい色合いを見つけたりすることです。

すべてがブラウザ内で実行されるため、即座に実行され、入力した内容はどこにも送信されません。

各形式は同じ色を異なる方法で表します。 HEX (#ff8800 など) は、CSS および HTML 全体で使用されるコンパクトな形式です。 RGB は赤、緑、青のチャネルを直接示します。これは、画面やキャンバスなどのコードが色を考える方法です。 HSL では、色相、彩度、明度を記述します。これは、色を微調整する場合にはるかに直感的です。色相を変更してホイールの周りに色を移動したり、明度を変更して色を暗くしたりできます。新しいコードを手動で選択する必要はありません。

HEX 値を入力すると、同等の RGB および HSL が即座に更新されるため、目の前のツールまたはコードベースが期待する形式を取得できます。

現時点では、このツールは HEX、RGB、HSL の不透明な色に焦点を当てています。アルファ (不透明度) のサポートはまだ含まれていません。