カラーピッカーへ移動

ルビーとラズベリーの違い

#e0115f · #e30b5c

ルビー#e0115f
ラズベリー#e30b5c

ルビーとラズベリーはほとんど同じ色です。明度は同じです。彩度は同じです。色相は1°ずれています。

色差

CIEDE20001.09ほとんど同じ色
明度+0.3%
クロマ+0.004
色相+1°

1未満なら目では見分けられず、2.3前後が見分けられる最小の差です。

カラーコード

ルビー
HEX
RGB
HSL
OKLCH
ラズベリー
HEX
RGB
HSL
OKLCH

重ねたときの見え方

Aaルビー / ラズベリー1.01:1 · APCA Lc 0文字色としてはWCAG AA未満
Aaラズベリー / ルビー1.01:1 · APCA Lc 0文字色としてはWCAG AA未満

中間の色

OKLabでの中間: #e10e5e

よくある質問

ルビーとラズベリーの違いは何ですか?

ルビーとラズベリーはほとんど同じ色です。明度は同じです。彩度は同じです。色相は1°ずれています。CIEDE2000の色差は1.09です。

ラズベリーはルビーより明るいですか?

明度は同じです。OKLCHでの明度は、ルビーが58.4%、ラズベリーが58.8%です。

ラズベリーの上にルビーの文字を置けますか?

2色のコントラスト比は1.01:1です。WCAG AAでは通常の文字に4.5:1、大きな文字に3:1が必要なため、文字には使わず、装飾だけに使ってください。

よく見られる比較