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

色変換 for #B563F3 の色

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

色空間

RGB18199243
HSL274.17°85.71%67.06%
HSV274.17°59.26%95.29%
CMYK25.51%59.26%0%4.71%
XYZ39.692325.21987.5534
Yxy25.2190.26030.1654
Hunter Lab50.218553.2014-68.1756
CIE-Lab57.288257.8338-59.6217
CIE-LCH57.288283.0632314.1279
CIE-LUV57.288226.3831-100.4425

基数表記

BaseRedGreenBlue
Binary101101010110001111110011
Octal265143363
Decimal18199243
HexB563F3

RGB比率

Red
71%
Green
39%
Blue
95%

CMYK比率

Cyan
26%
Magenta
59%
Yellow
0%
Black
5%
調和

配色

#B563F3 の色 黒背景

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

#B563F3 の色 白背景

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

#B563F3 CSSコード

.background { background-color: #B563F3; }
.text { color: #B563F3; }
.border { border: 3px solid #B563F3; }
.shadow { box-shadow: 0 8px 28px rgba(181, 99, 243, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#B563F3 の色明るい fuchsia ピンクLaurel 緑ピンク flamingo
近い色

Similar colors

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