カラーコード変換ツール

HEX、RGB、HSL、HSV、CMYK、LAB間でカラーコードを相互変換。1つのフィールドを編集するだけで、残りの項目がリアルタイムに自動更新されます。

いずれかのフィールドを編集すると他のフィールドも即座に更新されます。または、カラーパレットから色を選択することもできます。

色を選択するか、任意のフォーマットで値を入力してください。

すべての変換処理はお使いのブラウザ上で行われます。入力したデータがBroBroGoにアップロードされることはありません。

よくある質問

どのカラーフォーマット間で変換が可能ですか？

HEX、RGB、HSL、HSV、CMYK、LABに対応しています。いずれかのフィールドに値を入力すると、他の5つの形式が同時に更新されるため、あらゆる形式間で相互に変換できます。

CMYKの出力結果はプロの印刷にそのまま使えますか？

画面上での近似値としてお考えください。実際の印刷用CMYKは、紙質、インク、プリンターのプロファイルに依存するため、印刷所での出力値はここでの計算結果と若干異なる場合があります。

LABやCMYKの色を戻したときに、値がわずかに変わる理由は何ですか？

LABやCMYKは、ディスプレイでは表示できない色を表現できます。値が画面表示可能なRGB範囲外にある場合、最も近い表示可能な色に引き寄せられるため、元の形式に逆変換した際に値がわずかに変化することがあります。

画像カラーピッカー画像から任意のピクセルを選択し、HEX、RGB、HSLコードを取得できます。正確な抽出をサポートする虫眼鏡機能付き。コントラストチェッカー文字色と背景色を入力するだけで、WCAGコントラスト比と、どのAAおよびAAAレベルに合格しているかを即座に判定します。2進数/16進数 変換ツール2進数、16進数、10進数、8進数の相互変換、またはテキストからバイト列への変換を行います。画像形式変換ツールJPG、PNG、WebP、HEIC、AVIF画像をブラウザ内ですばやく変換します。画像圧縮ツールスマート圧縮、目標サイズ指定、詳細設定コントロールを使用して、ブラウザ内で安全に画像を圧縮します。アスペクト比計算ツール任意の「幅 × 高さ」を16:9のようなすっきりとした比率に変換したり、比率を指定して不足している辺の長さを算出したりできます。動画、写真、画面サイズに最適です。ファビコンジェネレーター1つのPNG、JPG、またはSVGから、favicon.icoおよびサイトに必要なすべてのサイズのアイコンを生成し、ZIPにまとめてダウンロードできます。ボックスシャドウ（Box Shadow）ジェネレータースライダーをドラッグしてbox-shadowを調整し、レイヤーを重ねて深みを出し、完成したCSSを瞬時にコピーできます。グラデーションジェネレーター線形、円形、扇形グラデーションの作成、カラー分岐点の追加、方向の設定を行い、ワンクリックでCSSをコピーできます。角丸（Border Radius）ジェネレータースライダーで各角を丸め、楕円モードで有機的なアメーバ形状を作成し、CSSを瞬時にコピーできます。Flexboxジェネレーター視覚的なコントロールでFlexコンテナとアイテムを設定し、リアルタイムに変化するレイアウトを確認しながら、ワンクリックでCSSをコピーできます。CSS整形・圧縮ツール乱雑なCSSを整形して読みやすく。ルールの順序を崩さない安全モード搭載の圧縮機能で、本番用コードもスマートに書き出し。px ↔ rem & em 変換ツール独自のルートサイズとコンテキストサイズに基づいて、px、rem、emを相互に変換。1つの値を入力するだけで、他の2つがリアルタイムに更新されます。