命名颜色 · #FFEEEE

White Gloss

White Gloss 即 #FFEEEE：rgb(255 238 238)、hsl(0 100% 97%)、oklch(0.963 0.018 17.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · White Gloss color name →

#FFEEEE

oklch(0.963 0.018 17.5)

颜色转换

HEX: #ffeeee
RGB: rgb(255 238 238)
HSL: hsl(0 100% 97%)
HWB: hwb(0 93% 0%)
OKLCH: oklch(0.963 0.018 17.5)
OKLab: oklab(0.963 0.018 0.006)
CIE Lab: lab(95.47 5.94 2.18)
LCH: lch(95.47 6.33 20.1)
CMYK: cmyk(0% 7% 7% 0%)

浅色调 · 深色调 · 灰色调

浅色调

FFF0F0
FFF1F1
FFF3F3
FFF5F5
FFF6F6
FFF8F8
FFFAFA
FFFCFC
FFFDFD

深色调

DECFCF
BEB1B1
9E9393
807777
635C5C
484242
2E2A2A
161414
030303

灰色调

F2E2E2
E4D7D7
D7CCCC
CAC1C1
BEB5B5
B1ABAA
A4A0A0
989595
8C8A8A

配色和谐

互补色 +180°

FFEEEE
White Gloss
E5F7F7
≈ Indigo White

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 1.12:1 · APCA Lc 0

Fail

黑底

WCAG 18.71:1 · APCA Lc 99

AAA

最佳文字颜色: #000000

WCAG 18.71:1 (AAA) · APCA Lc 99

Contrast pairs

代码片段

CSS

:root {
  --white-gloss: #ffeeee;
  --white-gloss-rgb: 255 238 238;
  --white-gloss-oklch: oklch(0.963 0.018 17.5);
}

.element {
  color: var(--white-gloss);
  background-color: hsl(0 100% 97%);
  border-color: oklch(0.963 0.018 17.5);
}

Tailwind CSS v4

@theme {
  --color-white-gloss: #ffeeee;
  --color-white-gloss-50: #faf3f3;
  --color-white-gloss-100: #eee5e5;
  --color-white-gloss-200: #dcd1d1;
  --color-white-gloss-300: #c1b4b3;
  --color-white-gloss-400: #a99a9a;
  --color-white-gloss-500: #928282;
  --color-white-gloss-600: #7c6e6e;
  --color-white-gloss-700: #635858;
  --color-white-gloss-800: #494040;
  --color-white-gloss-900: #322c2c;
  --color-white-gloss-950: #1e1919;
}

SCSS

$white-gloss: #ffeeee;
$white-gloss-rgb: 255, 238, 238;
$white-gloss-light: mix(#fff, $white-gloss, 20%);
$white-gloss-dark: mix(#000, $white-gloss, 20%);

.element {
  color: $white-gloss;
  box-shadow: 0 0 0 2px rgba($white-gloss, 0.35);
}

相近的命名颜色

Palettes with this color

True Grand Canyon BeaconOrange · Warm

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API