色変換
色変換 for #945EDE の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 148 | 94 | 222 | |
|---|---|---|---|---|
| HSL | 265.31° | 65.98% | 61.96% | |
| HSV | 265.31° | 57.66% | 87.06% | |
| CMYK | 33.33% | 57.66% | 0% | 12.94% |
| XYZ | 29.3971 | 19.575 | 71.3227 | |
| Yxy | 19.575 | 0.2444 | 0.1627 | |
| Hunter Lab | 44.2436 | 41.1746 | -64.5701 | |
| CIE-Lab | 51.3533 | 47.8207 | -57.5681 | |
| CIE-LCH | 51.3533 | 74.8392 | 309.7158 | |
| CIE-LUV | 51.3533 | 14.1109 | -93.635 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10010100 | 01011110 | 11011110 |
| Octal | 224 | 136 | 336 |
| Decimal | 148 | 94 | 222 |
| Hex | 94 | 5E | DE |
RGB比率
CMYK比率
濃い色 #945EDE
淡い色 #945EDE
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#945EDE の色 黒背景
#945EDE の色 サンプルテキスト
#945EDE の色 白背景
#945EDE の色 サンプルテキスト
#945EDE CSSコード
.background { background-color: #945EDE; }
.text { color: #945EDE; }
.border { border: 3px solid #945EDE; }
.shadow { box-shadow: 0 8px 28px rgba(148, 94, 222, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト4.27:1大きな文字
黒とのコントラスト4.92:1AA
Webセーフカラー#9966CCNear
輝度0.19580-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#945EDE color
PortuguêsCor #945EDE
EspañolColor #945EDE
한국어#945EDE 색상
日本語#945EDE の色
中文#945EDE 颜色
DeutschFarbe #945EDE
FrançaisCouleur #945EDE
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #945EDE の色.
近い色
See 紫系
Similar colors
ラベンダー indigo
Lavender indigo
Navy 紫
Navy purple
暗い pastel 紫
Dark pastel purple
Medium 紫
Medium purple
Amethyst
Amethyst
ラベンダー 紫
Lavender purple
青-バイオレット
Blue-violet
Middle 青 紫
Middle Blue Purple
Bright ラベンダー
Bright lavender
明るい pastel 紫
Light pastel purple
紫 mountain majesty
Purple mountain majesty
Electric indigo
Electric indigo