色変換
色変換 for #B577FC の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 181 | 119 | 252 | |
|---|---|---|---|---|
| HSL | 267.97° | 95.68% | 72.75% | |
| HSV | 267.97° | 52.78% | 98.82% | |
| CMYK | 28.17% | 52.78% | 0% | 1.18% |
| XYZ | 43.2196 | 30.0457 | 95.5991 | |
| Yxy | 30.0457 | 0.2559 | 0.1779 | |
| Hunter Lab | 54.814 | 44.8178 | -64.9953 | |
| CIE-Lab | 61.6936 | 49.6028 | -57.5568 | |
| CIE-LCH | 61.6936 | 75.9817 | 310.755 | |
| CIE-LUV | 61.6936 | 18.9274 | -97.8197 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10110101 | 01110111 | 11111100 |
| Octal | 265 | 167 | 374 |
| Decimal | 181 | 119 | 252 |
| Hex | B5 | 77 | FC |
RGB比率
CMYK比率
濃い色 #B577FC
淡い色 #B577FC
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#B577FC の色 黒背景
#B577FC の色 サンプルテキスト
#B577FC の色 白背景
#B577FC の色 サンプルテキスト
#B577FC CSSコード
.background { background-color: #B577FC; }
.text { color: #B577FC; }
.border { border: 3px solid #B577FC; }
.shadow { box-shadow: 0 8px 28px rgba(181, 119, 252, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト3:1大きな文字
黒とのコントラスト7.01:1AAA
Webセーフカラー#CC66FFNear
輝度0.30050-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#B577FC color
PortuguêsCor #B577FC
EspañolColor #B577FC
한국어#B577FC 색상
日本語#B577FC の色
中文#B577FC 颜色
DeutschFarbe #B577FC
FrançaisCouleur #B577FC
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #B577FC の色.
近い色
See 紫系
Similar colors
淡い バイオレット
Pale violet
ラベンダー indigo
Lavender indigo
Navy 紫
Navy purple
Electric indigo
Electric indigo
バイオレット (color wheel)
Violet (color wheel)
Bright ラベンダー
Bright lavender
Mauve
Mauve
青-バイオレット
Blue-violet
Electric バイオレット
Electric violet
バイオレット
Violet
Magnolia
Magnolia
暗い pastel 紫
Dark pastel purple