カラーコード変換（HEX・RGB・HSL）
カラーコードを入れるか色を選ぶと、HEX・RGB・HSL と文字のコントラストが出ます。
AaAa
| HEX | — | |
|---|---|---|
| RGB | — | |
| HSL | — | |
| 白背景とのコントラスト | — | |
| 黒背景とのコントラスト | — |
使い方
- #0a7f6e、rgb(10 127 110)、hsl(171 85% 27%) など、どの形式でも入れます。
- 色を選ぶボタンで直接選ぶこともできます。
- HEX・RGB・HSL と白・黒背景とのコントラストが出ます。
よくある質問
コントラストの基準は？
WCAG 2 では、本文の文字は 4.5:1 以上（AA）、7:1 以上で AAA、大きな文字は 3:1 以上です。
透明度（アルファ）は？
#rrggbbaa や rgb(… / 0.5) で入れるとアルファを保ち、コントラストの計算では透明度を無視します。
HSL が少しずれます。
HSL は整数に丸めて表示するので、HEX に戻すと1ほど違うことがあります。
入力した内容は保存されますか？
いいえ。ブラウザの中で処理するだけで、保存も送信もしません。
関連ツール
- 画像サイズ変更（リサイズ）写真の幅・高さを変えて JPEG・PNG・WebP で保存し、容量を減らします。アップロード不要。
- 画像の色反転（ネガ）写真やイラストの色を反転（ネガ）します。白黒にしてから反転もできます。
- 画像モザイク（顔・個人情報を隠す）写真の隠したい部分をドラッグしてモザイクをかけます。顔・ナンバー・個人情報を隠すときに。
- SVG → PNG 変換SVG ファイルやコードを好きなサイズの PNG 画像に変換します。透明背景に対応。
- ファビコン作成（ICO 変換）画像を16・32・48・256px を含む favicon.ico に変換します。apple-touch-icon の PNG も。
- 画像から色を抽出（スポイト）画像の好きな場所を押して色コードを取り出し、よく使われている色のパレットを表示します。