HEX · RGB · HSL · HSV · CMYK
RGB・HEX色変換とコントラストチェッカー
HEX、RGB、HSL、HSV、CMYKを相互変換し、透明度、WCAGコントラスト、配色を確認してCSSコードをコピーできます。
HEX · RGB · HSL · HSV · CMYK · WCAG
RGB・HEX カラースタジオとコントラスト確認
HEX、RGB、HSL、HSV、CMYKを相互変換し、透明度、WCAGコントラスト、配色を確認してCSSコードをコピーできます。
現在の色
RGBAチャンネル
カラーモデル
HSL
HSV
CMYK
カラー形式
UIライブプレビュー
ボタンのプレビュー
選択した色で文字の読みやすさを確認できます。
ボタンのプレビュー
選択した色で文字の読みやすさを確認できます。
アクセシビリティとコントラスト
選択した色で文字の読みやすさを確認できます。
色の調和
最近の色
カラー情報
画面と印刷では色が異なる場合があります。このツールはsRGBで計算します。
RGB値はどのようにHEXへ変換されますか？
0～255の各チャンネルを2桁の16進数に変え、赤・緑・青を並べて#RRGGBBを作ります。
アルファ値とは何ですか？
アルファは完全な透明から不透明までを表します。8桁HEXでは最後の2桁に保存されます。
公開前にアクセシビリティを確認
WCAGの結果は文字でも表示します。AAには通常テキストで4.5:1、大きなテキストで3:1が必要です。
計算式
HEX = #RR GG BB [AA]q = ⌊x ÷ 16⌋ · r = x − 16q255 = 16 × 15 + 15 → FFコントラスト比 = (Lₘₐₓ + 0.05) ÷ (Lₘᵢₙ + 0.05)RGB・HEX変換のよくある質問
RGB値はどのようにHEXへ変換されますか？
0～255の各チャンネルを2桁の16進数に変え、赤・緑・青を並べて#RRGGBBを作ります。
アルファ値とは何ですか？
アルファは完全な透明から不透明までを表します。8桁HEXでは最後の2桁に保存されます。
アクセシブルなパレットにするには？
文字と背景のコントラストを確認し、色だけに頼らず、操作状態もテストしてください。
印刷した色が画面と異なるのはなぜですか？
画面はRGBの光を出し、プリンターはインクを混ぜます。用紙、カラープロファイル、調整状態でも結果が変わります。
ユニットコンバーターディレクトリ
別のユニットコンバーターが必要ですか?
長さ、重量、温度、体積、面積、エネルギー、圧力、速度、力、トルク、電気ユニット、データストレージ、燃料消費、衣類のサイズ、靴のサイズに関するユニットコンバーターの全コレクションを閲覧できます。
ペット、デジタル&サイトツールディレクトリ
もう一つペットやデジタルツールが必要ですか?
犬の年齢、猫の年齢、ドッグフード、キャットフード、ペット用量の推定、カラーパレット、データ保存、ピクセル密度、RGB HEXへの変換に関するペット、デジタル、サイトツールのコレクションを閲覧できます。