色変換
色変換 for #956CF0 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 149 | 108 | 240 | |
|---|---|---|---|---|
| HSL | 258.64° | 81.48% | 68.24% | |
| HSV | 258.64° | 55% | 94.12% | |
| CMYK | 37.92% | 55% | 0% | 5.88% |
| XYZ | 33.4811 | 23.4053 | 85.1748 | |
| Yxy | 23.4053 | 0.2357 | 0.1648 | |
| Hunter Lab | 48.379 | 38.8681 | -70.4782 | |
| CIE-Lab | 55.4874 | 44.9859 | -61.0268 | |
| CIE-LCH | 55.4874 | 75.8156 | 306.3958 | |
| CIE-LUV | 55.4874 | 8.2155 | -100.441 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10010101 | 01101100 | 11110000 |
| Octal | 225 | 154 | 360 |
| Decimal | 149 | 108 | 240 |
| Hex | 95 | 6C | F0 |
RGB比率
CMYK比率
濃い色 #956CF0
淡い色 #956CF0
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#956CF0 の色 黒背景
#956CF0 の色 サンプルテキスト
#956CF0 の色 白背景
#956CF0 の色 サンプルテキスト
#956CF0 CSSコード
.background { background-color: #956CF0; }
.text { color: #956CF0; }
.border { border: 3px solid #956CF0; }
.shadow { box-shadow: 0 8px 28px rgba(149, 108, 240, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト3.7:1大きな文字
黒とのコントラスト5.68:1AA
Webセーフカラー#9966FFNear
輝度0.23410-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#956CF0 color
PortuguêsCor #956CF0
EspañolColor #956CF0
한국어#956CF0 색상
日本語#956CF0 の色
中文#956CF0 颜色
DeutschFarbe #956CF0
FrançaisCouleur #956CF0
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #956CF0 の色.
近い色
See 紫系
Similar colors
Medium 紫
Medium purple
ラベンダー indigo
Lavender indigo
Navy 紫
Navy purple
Medium slate 青
Medium slate blue
暗い pastel 紫
Dark pastel purple
明るい pastel 紫
Light pastel purple
Han 紫
Han purple
Middle 青 紫
Middle Blue Purple
Electric ultramarine
Electric ultramarine
淡い ラベンダー
Pale lavender
Pixie powder
Pixie Powder
Ube
Ube