色変換
HEX / RGB / HSL の三形式双方向変換。一つ入力すると他二つが追従し、WCAG コントラスト検査付き
解析与转换全部在浏览器本地完成,不上传、不留存
支持 #RGB / #RRGGBB / #RRGGBBAA 与 rgb()/rgba()/hsl()/hsla()(alpha 支持 0–255 或 0–1)。在任意一个框里修改回车,另两个自动同步。
WCAG 对比度检查(前景 / 背景)
前景(文字)
背景
よくある質問
変換はアップロードされる?
されません。解析も変換もコントラスト計算も全部ブラウザ内ローカルで完結、サーバーへのリクエストは一切なし。
対応フォーマットは?
HEX(#RGB / #RRGGBB / #RRGGBBAA 透明度付き)、rgb() / rgba()、hsl() / hsla()——どれか一つに入力すれば残り二つは自動同期、どれもワンクリックでコピーできます。
コントラストって何?どれくらいで合格?
前景色と背景色の明度の比です(WCAG 2.1 の基準):4.5:1 以上で通常の文字は合格(AA)、3:1 以上で大きめ文字(約 18pt または 14pt 太字)は合格、7:1 で AAA 級に到達。本文文字は 4.5 を最低ラインにしてください。
三つの記法で完全に同じ色になるの?
なります。三つは同じ色の別の書き方で、変換に損失はありません(HSL の色相/彩度/明度は整数パーセントに四捨五入して表示、コピーする値はプレビューと一致します)。なお換算は sRGB 色空間基準——Display P3 などの広色域の数値は参考にとどめてください。