Advertisement
/#F08080(淡珊瑚色)

颜色信息

#F08080较浅的鲜艳的红色

RGB 分量

R
240
G
128
B
128

CMYK 分量

C
0%
M
46.7%
Y
46.7%
K
5.9%

描述:这是一种位于色轮上 0° 位置的颜色,具有 78.9% 的饱和度和 72.2% 的亮度。

估计主波长约为 644nm。

颜色转换

Hex#F08080
RGB (十进制)rgb(240, 128, 128)
RGB (%)rgb(94.1%, 50.2%, 50.2%)
CMYKcmyk(0%, 46.7%, 46.7%, 5.9%)
HSLhsl(0, 78.9%, 72.2%)
HSV/HSBhsv(0, 46.7%, 94.1%)
Web Safe#FF9999
CIE-LABL*66.16 a*42.79 b*19.56
XYZX0.4755 Y0.3553 Z0.2477
xyYx0.4409 y0.3294 Y0.2477
CIE-LCHL*66.16 C*47.05 h°24.57
CIE-LUVL*66.16 u*79.67 v*17.2
Hunter-LabL5.96 a3.81 b1.71
二进制11110000 10000000 10000000
十进制15761536

CSS 代码生成器

背景色

background-color: #f08080;

边框

border: 2px solid #f08080;

阴影

box-shadow: 0 4px 6px -1px #f0808040, 0 2px 4px -2px #f0808030;

文字阴影

text-shadow: 0 2px 4px #f0808080;

渐变

background: linear-gradient(135deg, #e83c3c, #f08080, #f8c5c5);

轮廓

outline: 2px solid #f08080;
outline-offset: 2px;

色彩方案

互补色 (Complementary)

类似色 (Analogous)

分裂互补色 (Split Complementary)

三色组 (Triadic)

四色组 (Tetradic)

单色 (Monochromatic)

明暗变化

更浅的颜色

更深的颜色

色调、明度和饱和度

色调 ( Shades — 混合黑色 )

明度 ( Tints — 混合白色 )

饱和度 ( Tones — 混合灰色 )

对比度预览

这段文字使用了 #F08080 颜色

白色背景上的对比度: 2.59:1 ✗ 未通过

这段文字在 #F08080 背景上

黑色背景上的对比度: 8.1:1 ✓ AA 通过

色盲模拟

以下展示了该颜色在不同类型色觉缺陷下的外观表现。

原始

正常视觉

#C0BE80

红色盲

无法感知红色光

#C6CE80

绿色盲

无法感知绿色光

#EA8080

蓝色盲

无法感知蓝色光

#A1A1A1

全色盲

完全无法感知颜色

Advertisement