لون مسمّى · #FFC512
Sunflower
Sunflower هو #FFC512: rgb(255 197 18)، hsl(45 100% 54%)، oklch(0.852 0.172 86.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Sunflower color name →
#FFC512
oklch(0.852 0.172 86.7)
تحويلات الألوان
- HEX
- #ffc512
- RGB
- rgb(255 197 18)
- HSL
- hsl(45 100% 54%)
- HWB
- hwb(45 7% 0%)
- OKLCH
- oklch(0.852 0.172 86.7)
- OKLab
- oklab(0.852 0.01 0.172)
- CIE Lab
- lab(83.08 11.78 81.93)
- LCH
- lch(83.08 82.78 81.8)
- CMYK
- cmyk(0% 23% 93% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFCB46
- FFD263
- FFD87B
- FFDE90
- FFE4A4
- FFE9B7
- FFEFCA
- FFF4DC
- FFFAED
درجات داكنة
- DEAB0E
- BE920A
- 9E7907
- 806104
- 634B02
- 483501
- 2E2101
- 160E00
- 030200
درجات رمادية
- F2BE35
- E5B847
- D8B153
- CBAA5E
- BEA366
- B19C6D
- A59573
- 988E78
- 8C877C
تناسق الألوان
متمم +180°
- FFC512
Sunflower
- B9CEFF
≈ Ice Cold Stare
متجاور -30° +30°
- FFC512
Sunflower
- FFBF91
≈ Sunset Cruise
- C8DC44
≈ Las Palmas
ثلاثي +120° +240°
- FFC512
Sunflower
- 00E8FE
≈ Whimsical Blue
- FFADFF
≈ Jigglypuff
متمم منقسم +150° +210°
- FFC512
Sunflower
- 99D7FF
≈ Shiva Blue
- D3C4FF
≈ Innocent Snowdrop
رباعي +90° +180° +270°
- FFC512
Sunflower
- 00EFCC
≈ Fake Jade
- B9CEFF
≈ Ice Cold Stare
- FFB6CF
≈ Baby Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.58:1 · APCA Lc 26
Ag
AAAعلى الأسود
WCAG 13.24:1 · APCA Lc 77
أفضل لون للنص: #000000
WCAG 13.24:1 (AAA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sunflower: #ffc512;
--sunflower-rgb: 255 197 18;
--sunflower-oklch: oklch(0.852 0.172 86.7);
}
.element {
color: var(--sunflower);
background-color: hsl(45 100% 54%);
border-color: oklch(0.852 0.172 86.7);
}Tailwind CSS v4
@theme {
--color-sunflower: #ffc512;
--color-sunflower-50: #fff3bd;
--color-sunflower-100: #ffe6a5;
--color-sunflower-200: #f2d17b;
--color-sunflower-300: #dbb23e;
--color-sunflower-400: #ca9500;
--color-sunflower-500: #b77900;
--color-sunflower-600: #9a6700;
--color-sunflower-700: #7c5200;
--color-sunflower-800: #5d3b00;
--color-sunflower-900: #412800;
--color-sunflower-950: #2a1600;
}SCSS
$sunflower: #ffc512;
$sunflower-rgb: 255, 197, 18;
$sunflower-light: mix(#fff, $sunflower, 20%);
$sunflower-dark: mix(#000, $sunflower, 20%);
.element {
color: $sunflower;
box-shadow: 0 0 0 2px rgba($sunflower, 0.35);
}