14 種類のラベンダーの色合い (+ HEXコード)
明るいラベンダーから深いラベンダーまで、すべてのラベンダーの色合いを探索しましょう！HEXコード、色名、ラベンダーのカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
ラベンダーは強さをほとんど抜いた紫で、やわらかくやや冷たく、落ち着きや眠りと結びつきます。ウェルネス系のアプリやバス用品ではおなじみの色です。
文字には明るすぎます。濃いプラムやチャコールを相手に据えてください。
- white#ffffff
- selago#eaeafb
- moon raker#d5d5f7
- biloba flower#ababee
- dull lavender#9696ea
- portage#8181e6
- medium purple#6c6ce2
- royal blue#5656de
- cerulean blue#2c2cd5
- persian blue#2626c2
- jacksons purple#1e1e98
- lucky point#16166e
- violet#0d0d44
- black pearl#05051a
ラベンダー: HEX & RGB コード
ラベンダー の主なカラーコードは以下のとおりです:
HEX: #ffffff
RGB: (255, 255, 255).
インタラクティブなカラーピッカーを使って、さまざまな ラベンダー の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます！
ラベンダーのティントを探索する
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
ラベンダーのシェードを探索する
Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0
ラベンダーのHEX・RGB・HSL・CMYK
| HEX | #E6E6FA | |
|---|---|---|
| RGB | rgb(230, 230, 250) | |
| HSL | hsl(240, 67%, 94%) | |
| CMYK | cmyk(8%, 8%, 0%, 2%) |
ラベンダーの明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#e7e7fa
#e8e8fb
#eaeafb
#ebebfb
#ededfb
#eeeefc
暗い方向
#a6a6ed
#6666e1
#2929d1
#1d1d91
#101051
#030311
ラベンダーと相性のよい色
補色
#E6E6FA #fafae5
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#e5f0fa #E6E6FA #f0e5fa
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#E6E6FA #fae5e5 #e5fae5
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
ラベンダーの上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
ラベンダーのシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。