Advertisement
Loading...
描述：这是一种位于色轮上 11° 位置的颜色，具有 100% 的饱和度和 60% 的亮度。
估计主波长约为 627nm。
| Hex | #FF5733 |
| RGB (十进制) | rgb(255, 87, 51) |
| RGB (%) | rgb(100%, 34.1%, 20%) |
| CMYK | cmyk(0%, 65.9%, 80%, 0%) |
| HSL | hsl(10.6, 100%, 60%) |
| HSV/HSB | hsv(10.6, 80%, 100%) |
| Web Safe | #FF6633 |
| CIE-LAB | L*60.18 a*62.07 b*54.31 |
| XYZ | X0.4525 Y0.2832 Z0.0622 |
| xyY | x0.5671 y0.3549 Y0.0622 |
| CIE-LCH | L*60.18 C*82.48 h°41.19 |
| CIE-LUV | L*60.18 u*134.97 v*41.62 |
| Hunter-Lab | L5.32 a5.86 b3.03 |
| 二进制 | 11111111 01010111 00110011 |
| 十进制 | 16734003 |
背景色
background-color: #ff5733;
边框
border: 2px solid #ff5733;
阴影
box-shadow: 0 4px 6px -1px #ff573340, 0 2px 4px -2px #ff573330;
文字阴影
text-shadow: 0 2px 4px #ff573380;
渐变
background: linear-gradient(135deg, #e62900, #ff5733, #ff9680);
轮廓
outline: 2px solid #ff5733; outline-offset: 2px;
互补色方案使用色轮上相对的两个颜色（180°夹角）。这种组合产生最高的对比度和视觉冲击力，适合用于需要强烈强调的设计场景。注意：大面积使用时需要控制比例，避免视觉疲劳。
类似色方案使用色轮上相邻的2-4个颜色（通常30-60°范围内）。这种组合和谐统一，视觉效果舒适自然，适合创建柔和、协调的设计。是自然界中最常见的配色方式。
分裂互补色方案使用一个主色和其互补色两侧的两个颜色。相比直接互补色，这种方案提供了更高的灵活性和视觉趣味，同时保持了良好的对比度。
三角配色方案使用色轮上等距的三个颜色（120°夹角）。这种方案色彩丰富、平衡，适合创建活泼、动态的设计。需要注意控制主色比例，避免色彩过于分散。
四角配色方案使用色轮上两对互补色（矩形排列）。这是最丰富的配色方案，提供了多种对比可能。设计时需要选择一个主色，其他颜色作为辅助和强调色使用。
单色系方案使用同一色相的不同明度和饱和度变化。这种方案极其和谐统一，视觉效果优雅简洁。通过明暗对比来创建层次感和视觉趣味。
这段文字使用了 #FF5733 颜色
白色背景上的对比度: 3.15:1 △ AA 大字通过
这段文字在 #FF5733 背景上
黑色背景上的对比度: 6.66:1 ✓ AA 通过
以下展示了该颜色在不同类型色觉缺陷下的外观表现。
正常视觉
红色盲
无法感知红色光
绿色盲
无法感知绿色光
蓝色盲
无法感知蓝色光
全色盲
完全无法感知颜色
#FF5733
hsl(11°, 100%, 60%)
温暖热烈
高度饱和，色彩鲜艳夺目
中等亮度，平衡舒适
red
这是一个温暖热烈的颜色（色相11°，饱和度100%，亮度60%）。高度饱和，色彩鲜艳夺目，中等亮度，平衡舒适。
红色系
在西方文化中，紅色象徵愛情（情人節）、危険（停止標誌）、力量（超級英雄服裝）和慶祝（聖誕節）。它也代表政治中左翼的象徵。
在中國文化中，紅色是幸運、繁榮、喜慶和長壽的象徵。在婚禮、春節和重要慶典中大量使用。在日本，紅色象徵活力、保護和免受邪惡。在印度，紅色是婚姻和純潔的顏色。
紅色是極強的強調色。適合用於CTA按鈕、警告提示和促銷橫幅。避免在大面積使用，以免造成視覺疲勞。與白色或深灰色搭配效果最佳。
点击率
相比同类颜色的平均CTR
红色持续引领电商与促销设计，CTR通常高于平均30-40%。在购物季期间，红色CTA按钮的点击率显著提升。