⭐ 0
🔍
テキスト 画像 PDF・ドキュメント 音声 音楽 電子回路 時間 便利ツール バリデータ スピリチュアル ゲーム

HEX から RGB コンバーター

ブラウザ内でライブ プレビュー スウォッチを使用して、HEX、RGB、HSL、CMYK 表記の間であらゆる色を変換できます。

処理中... 0%
カラー値の解析
色空間の変換
レンダリングプレビュー
完了

結果

このページでは、入力形式として HEX が事前に選択されたカラー コンバータが開きます。#3b82f6 (または短い #fff 形式) のようなコードを貼り付けて実行すると、他のすべての表記法で同じ色が表示されます。

RGB は、0 から 255 までの赤、緑、青のチャネルとして色を表現します。これは、JavaScript キャンバス API、画像エディター、および rgb()/rgba() CSS 関数が期待する形式であり、rgba による透明度が必要な場合の自然な開始点です。

この完全なツールは、HEX、RGB、HSL、CMYK の間で任意の方向に変換し、ネイティブ カラー ピッカーを備え、ライブ プレビュー スウォッチを表示します。すべてがブラウザ内でローカルに実行され、色の値はどこにも送信されません。

🛡️
ブラウザ内で実行

100% クライアントサイド。ファイルはデバイスから送信されません。完全なプライバシー保護。

受け入れられる形式とルール

  • HEX、RGB、HSL、CMYK カラー モデル間で変換します。
  • 選択した形式で値フィールドを埋めるネイティブ カラー ピッカー。
  • ライブ プレビュー スウォッチと、4 つの表記すべてのワンクリック コピー。

主な利点

✓ 1 つの入力、すべての表記: カラーを 1 回入力すると、それが HEX、RGB、HSL、CMYK として同時に読み取られます。
✓ 寛容なパーサー: #fff、#3b82f6、rgb(255, 0, 0)、裸の「255, 0, 0」トリプレット、および hsl(120, 50%, 50%) を同様に受け入れます。
✓ 完全にブラウザ内で実行されます。色の値がどこにもアップロードされることはありません。

使用例

  • • CSS でホバー状態と無効状態を配線する前に、ブランド ブックの #rrggbb コードを rgb() または hsl() 表記に変換します。
  • • 名刺やチラシを印刷する前に、画面上の RGB カラーを CMYK パーセンテージに変換して、どのように分離されるかを健全性チェックします。
  • • 組み込みのピッカーを使用してカラーをアイドロップし、デザインからコードへの引き継ぎのために 4 つの表記をすべて一度にコピーします。