CSS の名前付きカラー
Lavender のカラーコード
Lavender はブルー系の色で、明るさはとても高め、彩度は高めです。カラーコードは #E6E6FA です。 RGB では rgb(230, 230, 250)、HSL では hsl(240, 67%, 94%)、CMYK では cmyk(8%, 8%, 0%, 2%) です。
Lavender
#E6E6FA
カラー値
CSS ではキーワード lavender で指定できます。
Lavender の上の白い文字のコントラスト比は 1.23:1、黒い文字は 17.06:1 なので、黒の文字の方が読みやすくなります。
最も近い Tailwind CSS のカラーは Indigo 100 (#E0E7FF) です。
CSS で Lavender を使う
.element {
color: lavender;
background-color: #e6e6fa;
border-color: rgb(230, 230, 250);
}Lavender の濃淡
同じ色相で明るい色から暗い色までの 10 段階。クリックでコピーできます。
Lavender と相性のよい色
#E6E6FA をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。
Lavender の上の文字コントラスト
Aa
白い文字
1.23:1
不合格
Aa
黒い文字
17.06:1
AAA
Lavender に近い色
最も近い CSS カラー名
最も近い中国の伝統色
最も近い Tailwind カラー
近い色を含むパレット
Lavender についてのよくある質問
Lavender のカラーコードは？
Lavender のカラーコードは #E6E6FA です。RGB 値は rgb(230, 230, 250)、HSL 値は hsl(240, 67%, 94%) です。
Lavender に合う色は？
Lavender の補色は #FAFAE5 です。やわらかい配色なら類似色の #E5F0FA、#F0E5FA、バランスのよい 3 色配色ならトライアドの #FAE5E5、#E5FAE5 を使いましょう。
Lavender は文字色として読みやすいですか？
白い背景の上では Lavender のコントラスト比は 1.23:1 で、通常テキストの WCAG AA 基準（4.5:1）を満たしていません。黒い背景の上では 17.06:1 です。