色変換

色変換 for #F564A1 の色

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

色空間

RGB245100161
HSL334.76°87.88%67.65%
HSV334.76°59.18%96.08%
CMYK0%59.18%34.29%3.92%
XYZ48.64931.105237.1532
Yxy31.10520.41610.2661
Hunter Lab55.77258.1002-0.4408
CIE-Lab62.596361.1814-4.2467
CIE-LCH62.596361.3286356.0294
CIE-LUV62.596391.6902-17.5989

基数表記

BaseRedGreenBlue
Binary111101010110010010100001
Octal365144241
Decimal245100161
HexF564A1

RGB比率

Red
96%
Green
39%
Blue
63%

CMYK比率

Cyan
0%
Magenta
59%
Yellow
34%
Black
4%
調和

配色

#F564A1 の色 黒背景

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

#F564A1 の色 白背景

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

#F564A1 CSSコード

.background { background-color: #F564A1; }
.text { color: #F564A1; }
.border { border: 3px solid #F564A1; }
.shadow { box-shadow: 0 8px 28px rgba(245, 100, 161, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.91:1低い
黒とのコントラスト7.22:1AAA
Webセーフカラー#FF6699Near
輝度0.3110-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 赤系