颜色转换
颜色转换 for #D63E63 颜色
用于比较屏幕、涂料、调色板和数字素材的完整数值资料。
颜色空间
| RGB | 214 | 62 | 99 | |
|---|---|---|---|---|
| HSL | 345.39° | 64.96% | 54.12% | |
| HSV | 345.39° | 71.03% | 83.92% | |
| CMYK | 0% | 71.03% | 53.74% | 16.08% |
| XYZ | 31.7092 | 18.6466 | 13.7314 | |
| Yxy | 18.6466 | 0.4948 | 0.291 | |
| Hunter Lab | 43.1817 | 55.5071 | 11.3809 | |
| CIE-Lab | 50.2712 | 61.1271 | 13.9651 | |
| CIE-LCH | 50.2712 | 62.702 | 12.8689 | |
| CIE-LUV | 50.2712 | 105.7903 | 4.9726 |
进制数值
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11010110 | 00111110 | 01100011 |
| Octal | 326 | 76 | 143 |
| Decimal | 214 | 62 | 99 |
| Hex | D6 | 3E | 63 |
RGB 比例
CMYK 比例
暗色阶 #D63E63
浅色阶 #D63E63
和谐
配色方案
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#D63E63 颜色 黑色背景
#D63E63 颜色 示例文字
#D63E63 颜色 白色背景
#D63E63 颜色 示例文字
#D63E63 CSS 代码
.background { background-color: #D63E63; }
.text { color: #D63E63; }
.border { border: 3px solid #D63E63; }
.shadow { box-shadow: 0 8px 28px rgba(214, 62, 99, 0.35); }
CSS 预览
可访问性
白底对比4.44:1大号文字
黑底对比4.73:1AA
网页安全色#CC3366Near
亮度0.18640-1
语言
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#D63E63 color
PortuguêsCor #D63E63
EspañolColor #D63E63
한국어#D63E63 색상
日本語#D63E63 の色
中文#D63E63 颜色
DeutschFarbe #D63E63
FrançaisCouleur #D63E63
组合
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #D63E63 颜色.
相近颜色
See 红色系