DexBase Colors
#B45DF4 の色 壁 #B45DF4 Save image
色変換

色変換 for #B45DF4 の色

画面、塗料、パレット、デジタル素材を比較するための数値情報です。

色空間

RGB18093244
HSL274.57°87.28%66.08%
HSV274.57°61.89%95.69%
CMYK26.23%61.89%0%4.31%
XYZ39.062524.064288.1574
Yxy24.06420.25820.1591
Hunter Lab49.055356.2909-72.1698
CIE-Lab56.15260.7439-62.0073
CIE-LCH56.15286.8028314.4103
CIE-LUV56.15227.2283-103.9553

基数表記

BaseRedGreenBlue
Binary101101000101110111110100
Octal264135364
Decimal18093244
HexB45DF4

RGB比率

Red
71%
Green
36%
Blue
96%

CMYK比率

Cyan
26%
Magenta
62%
Yellow
0%
Black
4%
調和

配色

#B45DF4 の色 黒背景

#B45DF4 の色 サンプルテキスト

#B45DF4 の色 白背景

#B45DF4 の色 サンプルテキスト

#B45DF4 CSSコード

.background { background-color: #B45DF4; }
.text { color: #B45DF4; }
.border { border: 3px solid #B45DF4; }
.shadow { box-shadow: 0 8px 28px rgba(180, 93, 244, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.61:1大きな文字
黒とのコントラスト5.81:1AA
Webセーフカラー#CC66FFNear
輝度0.24060-1
言語

Color names in other languages

Use these names to compare international references, paint catalogs and design materials.

English#B45DF4 color
PortuguêsCor #B45DF4
EspañolColor #B45DF4
한국어#B45DF4 색상
日本語#B45DF4 の色
中文#B45DF4 颜色
DeutschFarbe #B45DF4
FrançaisCouleur #B45DF4
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #B45DF4 の色.

#B45DF4 の色明るい fuchsia ピンクLaurel 緑バイオレット (web)
近い色

Similar colors

See 紫系
紫 (x11) Purple (X11) #A020F0 紫系 Veronica Veronica #A020F0 紫系 ラベンダー (floral) Lavender (floral) #B57EDC 紫系 Electric バイオレット Electric violet #8F00FF 紫系 バイオレット Violet #8F00FF 紫系 Rich ラベンダー Rich lavender #A76BCF 紫系 鮮やかな バイオレット Vivid violet #9F00FF 紫系 青-バイオレット Blue-violet #8A2BE2 紫系 Mauve Mauve #E0B0FF 紫系 Bright ラベンダー Bright lavender #BF94E4 紫系 ラベンダー indigo Lavender indigo #9457EB 紫系 Navy 紫 Navy purple #9457EB 紫系