2色を比較
2つの色の明度、彩度、色相の違い、重ねたときの読みやすさ、そして2色の間にある色を確認できます。
ネイビー#000080
ロイヤルブルー#4169e1
ネイビーとロイヤルブルーははっきり異なる色です。ロイヤルブルーのほうが28.9%明るい色です。彩度は同じです。色相は2°ずれています。
色差
CIEDE200030.42はっきり異なる色
明度+28.9%
クロマ0
色相+2°
1未満なら目では見分けられず、2.3前後が見分けられる最小の差です。
カラーコード
ネイビー
- HEX
- RGB
- HSL
- OKLCH
ロイヤルブルー
- HEX
- RGB
- HSL
- OKLCH
重ねたときの見え方
Aaネイビー / ロイヤルブルー3.3:1 · APCA Lc 26テキストではWCAG AA未満
Aaロイヤルブルー / ネイビー3.3:1 · APCA Lc -25テキストではWCAG AA未満
中間の色
OKLabでの中間: #183cb0
よくある質問
ネイビーとロイヤルブルーの違いは何ですか？
ネイビーとロイヤルブルーははっきり異なる色です。ロイヤルブルーのほうが28.9%明るい色です。彩度は同じです。色相は2°ずれています。CIEDE2000の色差は30.42です。
ロイヤルブルーはネイビーより明るいですか？
ロイヤルブルーのほうが28.9%明るい色です。OKLCHでの明度は、ネイビーが27.1%、ロイヤルブルーが56%です。
ロイヤルブルーの上にネイビーのテキストを置けますか？
2色のコントラスト比は3.3:1です。WCAG AAでは通常のテキストに4.5:1、大きなテキストに3:1が必要なため、大きな文字や見出しだけに使ってください。