色変換
色変換 for #510A10 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 81 | 10 | 16 | |
|---|---|---|---|---|
| HSL | 354.93° | 78.02% | 17.84% | |
| HSV | 354.93° | 87.65% | 31.76% | |
| CMYK | 0% | 87.65% | 80.25% | 68.24% |
| XYZ | 3.5958 | 2.0044 | 0.6877 | |
| Yxy | 2.0044 | 0.5719 | 0.3188 | |
| Hunter Lab | 14.1577 | 20.5595 | 7.0315 | |
| CIE-Lab | 15.5103 | 32.0301 | 16.9055 | |
| CIE-LCH | 15.5103 | 36.2177 | 27.8251 | |
| CIE-LUV | 15.5103 | 41.2886 | 7.3843 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010001 | 00001010 | 00010000 |
| Octal | 121 | 12 | 20 |
| Decimal | 81 | 10 | 16 |
| Hex | 51 | 0A | 10 |
RGB比率
CMYK比率
濃い色 #510A10
淡い色 #510A10
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#510A10 の色 黒背景
#510A10 の色 サンプルテキスト
#510A10 の色 白背景
#510A10 の色 サンプルテキスト
#510A10 CSSコード
.background { background-color: #510A10; }
.text { color: #510A10; }
.border { border: 3px solid #510A10; }
.shadow { box-shadow: 0 8px 28px rgba(81, 10, 16, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト15:1AAA
黒とのコントラスト1.4:1低い
Webセーフカラー#660000Near
輝度0.020-1
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#510A10 color
PortuguêsCor #510A10
EspañolColor #510A10
한국어#510A10 색상
日本語#510A10 の色
中文#510A10 颜色
DeutschFarbe #510A10
FrançaisCouleur #510A10
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #510A10 の色.