1877F2

颜色
← 上一个 | 下一个 →

#1877F2

国际知名品牌
sRGB Model ? COPY
R 24
G 119
B 242
HSL Model ? COPY
H 214°
S 89%
L 52%
CMYK Print ? COPY
C 90
M 51
Y 0
K 5
CIE-Lab ? COPY
L 51.61
a 20.16
b -68.75
CIE-XYZ ? COPY
X 23
Y 19.8
Z 86.61
OKLCH (Next-Gen) ? COPY
L 58.91%
C 0.203
H 257.9
HSB Model ? COPY
H 214°
S 90%
B 95%
HWB Model ? COPY
H 214°
W 9%
B 5%
CIE-LUV ? COPY
L 51.61
u -26.28
v -108.03

WCAG 无障碍评分

示例文本 Text
4.23
AA: FAIL / AAA: FAIL
示例文本 Text
4.96
AA: PASS / AAA: FAIL

色觉模拟

红色盲 (Protanopia) #4141d4
绿色盲 (Deuteranopia) #3b34cd
蓝色盲 (Tritanopia) #1cbcb7
全色盲 (Achromatopsia) #686868

色调 (Tints)

色调 (Tones)

物理色彩匹配

最接近的标准色

Process Cyan C

SET: 潘通专色铜版色卡
DELTA E: 3.03

色彩和谐

互补色
类比色
分裂互补 (Split Complementary)
三色
四色
单色

智能渐变

复制 CSS
基础光
复制 CSS
深引力
复制 CSS
极光流
复制 CSS
赛博冲突
复制 CSS
柔雾

档案描述

Facebook

开发交付中心

CSS Variables 
:root {
  --1877f2: #1877F2;
}
Tailwind Config 
colors: {
  '1877f2': '#1877F2',
}
SCSS / Sass 
$1877f2: #1877F2;
Design Token 
{
    "name": "#1877F2",
    "value": "#1877F2"
}

UI Application / 应用模拟

实时 UI 预览

查看此颜色在仪表盘、移动应用、聊天界面、日历等场景中的实际渲染效果。
点击开启全屏沉浸式预览。

Open UI Kit

相似颜色

脸书蓝
#1877F2
#1C7AF9
#1C7AF9
#1880F5
#1880F5
#146EF5
#146EF5
#1A73E8
#1A73E8