Skip to main content
SiteIndex

ユーティリティ

HEX・RGB・HSLカラー変換 — ドキュメント

単色をHEX、RGB、HSL間でリアルタイムに変換します。類似色や補色のパレットを作成し、別の色とのWCAGコントラストも確認できます。

使う HEX・RGB・HSLカラー変換

仕組み

単色をHEX、RGB、HSL間でリアルタイムに変換します。類似色や補色のパレットを作成し、別の色とのWCAGコントラストも確認できます。

可能な場合、このツールは要求された処理をブラウザー内で行います。

利用する場面
  • この作業の結果を確認するにはHEX・RGB・HSLカラー変換を使用します。
入力と出力
入力
フォームで求められる値を入力してください。ネットワーク検査では、確認する権限のある公開ドメイン、URL、ホストを使用します。
出力
結果は作業領域に表示されます。結果を利用する前に警告と制限事項を確認してください。
制限事項
  • 結果は入力内容、および該当する場合は検査時点のブラウザー、ネットワーク、外部サービスに左右されます。参考情報であり、専門的な診断の代わりにはなりません。
プライバシーとデータの取り扱い

可能な場合、入力はブラウザー内で処理されます。サイト全体の分析とCookieについてはプライバシーポリシーをご覧ください。 プライバシー.

使い方

  1. フォームで求められる値を入力してください。ネットワーク検査では、確認する権限のある公開ドメイン、URL、ホストを使用します。
  2. 可能な場合、このツールは要求された処理をブラウザー内で行います。
  3. 結果は作業領域に表示されます。結果を利用する前に警告と制限事項を確認してください。

関連ツール

WCAGカラーコントラストチェッカー文字色と背景色の組み合わせがWCAG AA・AAAのコントラスト基準を満たすか確認し、読みやすさを改善できます。CSSグラデーション生成線形または放射状グラデーションを作成し、色や位置を調整してCSSをコピーできます。CSS角丸生成四隅の水平・垂直の半径を個別に設定し、形を確認してborder-radiusをコピーできます。