色変換
色変換 for #A682FD の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 166 | 130 | 253 | |
|---|---|---|---|---|
| HSL | 257.56° | 96.85% | 75.1% | |
| HSV | 257.56° | 48.62% | 99.22% | |
| CMYK | 34.39% | 48.62% | 0% | 0.78% |
| XYZ | 41.4336 | 31.1634 | 96.7416 | |
| Yxy | 31.1634 | 0.2447 | 0.184 | |
| Hunter Lab | 55.8242 | 34.7921 | -63.6306 | |
| CIE-Lab | 62.6453 | 40.1298 | -56.6759 | |
| CIE-LCH | 62.6453 | 69.4446 | 305.3007 | |
| CIE-LUV | 62.6453 | 7.7848 | -95.5745 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10100110 | 10000010 | 11111101 |
| Octal | 246 | 202 | 375 |
| Decimal | 166 | 130 | 253 |
| Hex | A6 | 82 | FD |
RGB比率
CMYK比率
濃い色 #A682FD
淡い色 #A682FD
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#A682FD の色 黒背景
#A682FD の色 サンプルテキスト
#A682FD の色 白背景
#A682FD の色 サンプルテキスト
#A682FD CSSコード
.background { background-color: #A682FD; }
.text { color: #A682FD; }
.border { border: 3px solid #A682FD; }
.shadow { box-shadow: 0 8px 28px rgba(166, 130, 253, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト2.9:1低い
黒とのコントラスト7.23:1AAA
Webセーフカラー#9999FFNear
輝度0.31160-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#A682FD color
PortuguêsCor #A682FD
EspañolColor #A682FD
한국어#A682FD 색상
日本語#A682FD の色
中文#A682FD 颜色
DeutschFarbe #A682FD
FrançaisCouleur #A682FD
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #A682FD の色.
近い色
See 紫系
Similar colors
淡い ラベンダー
Pale lavender
Han 紫
Han purple
Electric ultramarine
Electric ultramarine
Magnolia
Magnolia
淡い バイオレット
Pale violet
Medium 紫
Medium purple
ラベンダー indigo
Lavender indigo
Medium slate 青
Medium slate blue
Navy 紫
Navy purple
明るい pastel 紫
Light pastel purple
Electric indigo
Electric indigo
暗い pastel 紫
Dark pastel purple