カラーコンバーター

HEX・RGB・HSL のリアルタイム相互変換、Tailwind CSS パレット、WCAG コントラスト比チェッカー

#7da0d3
HEX
RGB
R
G
B
rgb(125, 160, 211)
HSL
H
S
L
hsl(213, 44%, 66%)

Tailwind CSS カラーパレット v3

クリックするとカラーコンバーターに反映されます。

コントラスト比チェッカー WCAG 2.1

テキストと背景色の組み合わせがアクセシビリティ基準を満たすか確認します。

あAa 1
サンプルテキスト Sample Text 0123456789
コントラスト比 21.00 : 1
基準 対象 必要比 判定