命名颜色 · #F5EDED
Line Dried Sheets
Line Dried Sheets 即 #F5EDED：rgb(245 237 237)、hsl(0 29% 95%)、oklch(0.952 0.009 17.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Line Dried Sheets color name →
#F5EDED
oklch(0.952 0.009 17.3)
颜色转换
- HEX
- #f5eded
- RGB
- rgb(245 237 237)
- HSL
- hsl(0 29% 95%)
- HWB
- hwb(0 93% 4%)
- OKLCH
- oklch(0.952 0.009 17.3)
- OKLab
- oklab(0.952 0.008 0.003)
- CIE Lab
- lab(94.38 2.78 1.01)
- LCH
- lch(94.38 2.96 19.9)
- CMYK
- cmyk(0% 3% 3% 4%)
浅色调 · 深色调 · 灰色调
浅色调
- F6EFEF
- F7F1F1
- F8F2F2
- F9F4F4
- FAF6F6
- FBF8F8
- FCFAFA
- FDFBFB
- FEFDFD
深色调
- D5CECE
- B6B0B0
- 989393
- 7B7777
- 5F5C5C
- 444242
- 2B2A2A
- 151414
- 030303
灰色调
- E9E2E2
- DDD6D6
- D0CBCB
- C5C0C0
- B9B5B5
- ADAAAA
- A29F9F
- 969595
- 8B8A8A
配色和谐
互补色 +180°
- F5EDED
Line Dried Sheets
- E9F1F1
≈ Frosted Glass
类似色 -30° +30°
- F5EDED
Line Dried Sheets
- F4EDF0
≈ Line Dried Sheets
- F4EEEA
≈ Pink Mirage
三角配色 +120° +240°
- F5EDED
Line Dried Sheets
- ECF1EB
≈ Spring Fog
- ECF0F5
≈ Powder White
分裂互补色 +150° +210°
- F5EDED
Line Dried Sheets
- EAF1EE
≈ Silent Breath
- EAF1F4
≈ Powder White
四角配色 +90° +180° +270°
- F5EDED
Line Dried Sheets
- F0F0E9
≈ Clean Buffer
- E9F1F1
≈ Frosted Glass
- EFEEF5
≈ Springtime Rain
对比度与无障碍
Ag
Fail白底
WCAG 1.15:1 · APCA Lc 0
Ag
AAA黑底
WCAG 18.21:1 · APCA Lc 97
最佳文字颜色: #000000
WCAG 18.21:1 (AAA) · APCA Lc 97
Contrast pairs
代码片段
CSS
:root {
--line-dried-sheets: #f5eded;
--line-dried-sheets-rgb: 245 237 237;
--line-dried-sheets-oklch: oklch(0.952 0.009 17.3);
}
.element {
color: var(--line-dried-sheets);
background-color: hsl(0 29% 95%);
border-color: oklch(0.952 0.009 17.3);
}Tailwind CSS v4
@theme {
--color-line-dried-sheets: #f5eded;
--color-line-dried-sheets-50: #f8f4f4;
--color-line-dried-sheets-100: #ebe7e7;
--color-line-dried-sheets-200: #d8d3d3;
--color-line-dried-sheets-300: #bcb6b5;
--color-line-dried-sheets-400: #a39c9c;
--color-line-dried-sheets-500: #8c8484;
--color-line-dried-sheets-600: #767070;
--color-line-dried-sheets-700: #5f5959;
--color-line-dried-sheets-800: #454141;
--color-line-dried-sheets-900: #302d2d;
--color-line-dried-sheets-950: #1c1a1a;
}SCSS
$line-dried-sheets: #f5eded;
$line-dried-sheets-rgb: 245, 237, 237;
$line-dried-sheets-light: mix(#fff, $line-dried-sheets, 20%);
$line-dried-sheets-dark: mix(#000, $line-dried-sheets, 20%);
.element {
color: $line-dried-sheets;
box-shadow: 0 0 0 2px rgba($line-dried-sheets, 0.35);
}