16 進数 RGB HSL カラーコンバーター

HEX 値 (#3b82f6 や #fff など) を HEX フィールドに入力または貼り付けるか、カラー ピッカーを使用します。 RGB 値は rgb(r, g, b) として即座に表示され、ワンクリックでコピーできます。変換は逆の方法でも機能します。 rgb() 値を入力すると、16 進数がライブで更新されます。

はい。 HEX、RGB、HSL、HSV/HSB、CMYK のすべてのフィールドは同期を保ちます。どれか 1 つを編集すると、他のものはすぐに再計算されるため、別のツールを実行しなくても、同じ色の 5 つの表記をすべて読み取ることができます。

どちらも色相によって色を表しますが、HSL (明度) と HSV/HSB (値/明るさ) では彩度のモデル化が異なります。 HSL は純粋な色を 50% の明度で配置しますが、HSV は純色を 100% の値で配置するため、同じ割合でも 2 つの間で明るく見えたり暗く見えたりすることがあります。このツールは両方を表示するので、フレームワークが期待する方を選択できます。

任意の形式で色を入力し、CMYK フィールドを読み取ります。たとえば、#3b82f6 は cmyk(76%, 47%, 0%, 4%) になります。 CMYK はプリンターで使用される減法混色モデルなので、パンフレットやパッケージで Web の色を一致させる必要がある場合に便利です。

はい、サポートされているブラウザー (Chrome、Edge、および EyeDropper API を備えたその他) では、「選択」ボタンを押すと画面のスポイトが開き、画像、Web サイト、またはデスクトップから任意のピクセル、色をサンプリングし、コンバーターに直接ロードできます。

はい。インタラクティブな R、G、B、H、S、L、アルファ スライダーにはそれぞれライブ グラデーション トラックが表示されるため、ドラッグするか正確な値を入力することでシェードを微調整できます。アルファ スライダーは、透明度を高めるために 8 桁の 16 進数および rgba()/hsla() 出力を生成します。

はい。色覚プレビューでは、第一色覚、第二色覚、三色覚、および完全な色覚異常の下で色がどのように見えるかをシミュレートするため、色覚異常のある男性の約 12 人に 1 人、女性の 200 人に 1 人に対して、パレットがまだコミュニケーションをとっているかどうかを確認できます。

はい。エクスポート パネルには、CSS 変数、rgb()、SCSS、Tailwind 構成エントリ、Swift UIColor、Android Color.parseColor、JSON のコピー可能なスニペットに加え、ブラウザにローカルに保存された最近のスウォッチと保存されたスウォッチが表示されます。

はい。サインアップ不要で完全に無料で、すべての変換はブラウザ内でローカルに行われます。カラーはサーバーにアップロードされることはありません。そのため、ブランドとクライアントの作業は非公開のままです。

はい。 HEX、RGB(A)、HSL、最新の OKLCH の間で変換できるため、CSS またはデザイン ツールが必要とする正確な形式をコピーできます。

はい。アルファ値を含めると、RGBA と 8 桁の 16 進数が生成されるため、色をスタイルにコピーするときに不透明度が保持されます。