色変換
色変換 for #E50056 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 229 | 0 | 86 | |
|---|---|---|---|---|
| HSL | 337.47° | 100% | 44.9% | |
| HSV | 337.47° | 100% | 89.8% | |
| CMYK | 0% | 100% | 62.45% | 10.2% |
| XYZ | 33.9967 | 17.3354 | 10.3583 | |
| Yxy | 17.3354 | 0.5511 | 0.281 | |
| Hunter Lab | 41.6358 | 72.886 | 14.4005 | |
| CIE-Lab | 48.6799 | 76.132 | 20.2166 | |
| CIE-LCH | 48.6799 | 78.7705 | 14.8715 | |
| CIE-LUV | 48.6799 | 139.5087 | 7.3216 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11100101 | 00000000 | 01010110 |
| Octal | 345 | 0 | 126 |
| Decimal | 229 | 0 | 86 |
| Hex | E5 | 00 | 56 |
RGB比率
CMYK比率
濃い色 #E50056
淡い色 #E50056
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#E50056 の色 黒背景
#E50056 の色 サンプルテキスト
#E50056 の色 白背景
#E50056 の色 サンプルテキスト
#E50056 CSSコード
.background { background-color: #E50056; }
.text { color: #E50056; }
.border { border: 3px solid #E50056; }
.shadow { box-shadow: 0 8px 28px rgba(229, 0, 86, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト4.7:1AA
黒とのコントラスト4.47:1大きな文字
Webセーフカラー#CC0066Near
輝度0.17330-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#E50056 color
PortuguêsCor #E50056
EspañolColor #E50056
한국어#E50056 색상
日本語#E50056 の色
中文#E50056 颜色
DeutschFarbe #E50056
FrançaisCouleur #E50056
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #E50056 の色.
近い色
See 赤系