色変換
色変換 for #7315AD の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 115 | 21 | 173 | |
|---|---|---|---|---|
| HSL | 277.11° | 78.35% | 38.04% | |
| HSV | 277.11° | 87.86% | 67.84% | |
| CMYK | 33.53% | 87.86% | 0% | 32.16% |
| XYZ | 14.8796 | 7.1985 | 40.1326 | |
| Yxy | 7.1985 | 0.2392 | 0.1157 | |
| Hunter Lab | 26.83 | 52.0406 | -69.8708 | |
| CIE-Lab | 32.2546 | 61.4826 | -60.2002 | |
| CIE-LCH | 32.2546 | 86.0475 | 315.6038 | |
| CIE-LUV | 32.2546 | 19.6385 | -84.7025 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01110011 | 00010101 | 10101101 |
| Octal | 163 | 25 | 255 |
| Decimal | 115 | 21 | 173 |
| Hex | 73 | 15 | AD |
RGB比率
CMYK比率
濃い色 #7315AD
淡い色 #7315AD
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#7315AD の色 黒背景
#7315AD の色 サンプルテキスト
#7315AD の色 白背景
#7315AD の色 サンプルテキスト
#7315AD CSSコード
.background { background-color: #7315AD; }
.text { color: #7315AD; }
.border { border: 3px solid #7315AD; }
.shadow { box-shadow: 0 8px 28px rgba(115, 21, 173, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト8.61:1AAA
黒とのコントラスト2.44:1低い
Webセーフカラー#660099Near
輝度0.0720-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#7315AD color
PortuguêsCor #7315AD
EspañolColor #7315AD
한국어#7315AD 색상
日本語#7315AD の色
中文#7315AD 颜色
DeutschFarbe #7315AD
FrançaisCouleur #7315AD
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #7315AD の色.
近い色
See 紫系