لون مسمّى · #8020FF
Szöllősi Grape
Szöllősi Grape هو #8020FF: rgb(128 32 255)، hsl(266 100% 56%)، oklch(0.541 0.283 293.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Szöllősi Grape color name →
#8020FF
oklch(0.541 0.283 293.1)
تحويلات الألوان
- HEX
- #8020ff
- RGB
- rgb(128 32 255)
- HSL
- hsl(266 100% 56%)
- HWB
- hwb(266 13% 0%)
- OKLCH
- oklch(0.541 0.283 293.1)
- OKLab
- oklab(0.541 0.111 -0.26)
- CIE Lab
- lab(41.06 69.78 -92.61)
- LCH
- lch(41.06 115.96 307)
- CMYK
- cmyk(50% 87% 0% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8A48FF
- 9462FF
- A079FF
- AC8EFF
- B8A2FF
- C6B5FF
- D3C8FF
- E2DAFF
- F0EDFF
درجات داكنة
- 6E1ADE
- 5D15BE
- 4D0F9E
- 3D0A80
- 2E0663
- 1F0348
- 12012E
- 060016
- 010003
درجات رمادية
- 7F38F3
- 7E47E7
- 7D53DB
- 7C5CCF
- 7C64C2
- 7C6BB6
- 7D71A9
- 7E779C
- 7F7C8E
تناسق الألوان
متمم +180°
- 8020FF
Szöllősi Grape
- 707600
≈ Spinach Soup
متجاور -30° +30°
- 8020FF
Szöllősi Grape
- 1159FF
≈ Light Shōjin Blue
- AF00C1
≈ Heliotrope Magenta
ثلاثي +120° +240°
- 8020FF
Szöllősi Grape
- AA5400
≈ Tijolo
- 008269
≈ Emperor’s Silk
متمم منقسم +150° +210°
- 8020FF
Szöllősi Grape
- 8E6800
≈ Muddy Brown
- 00870D
≈ Lush Garden
رباعي +90° +180° +270°
- 8020FF
Szöllősi Grape
- D0002A
≈ Vermilion Scarlet
- 707600
≈ Spinach Soup
- 007E87
≈ Go Alpha
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.88:1 · APCA Lc 78
Ag
Failعلى الأسود
WCAG 3.56:1 · APCA Lc 24
أفضل لون للنص: #FFFFFF
WCAG 5.88:1 (AA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--szollosi-grape: #8020ff;
--szollosi-grape-rgb: 128 32 255;
--szollosi-grape-oklch: oklch(0.541 0.283 293.1);
}
.element {
color: var(--szollosi-grape);
background-color: hsl(266 100% 56%);
border-color: oklch(0.541 0.283 293.1);
}Tailwind CSS v4
@theme {
--color-szollosi-grape: #8020ff;
--color-szollosi-grape-50: #fbe5ff;
--color-szollosi-grape-100: #efd4ff;
--color-szollosi-grape-200: #deb9ff;
--color-szollosi-grape-300: #c591ff;
--color-szollosi-grape-400: #ac6bff;
--color-szollosi-grape-500: #9935ff;
--color-szollosi-grape-600: #8131fb;
--color-szollosi-grape-700: #6728ca;
--color-szollosi-grape-800: #491c9a;
--color-szollosi-grape-900: #33136d;
--color-szollosi-grape-950: #1f024c;
}SCSS
$szollosi-grape: #8020ff;
$szollosi-grape-rgb: 128, 32, 255;
$szollosi-grape-light: mix(#fff, $szollosi-grape, 20%);
$szollosi-grape-dark: mix(#000, $szollosi-grape, 20%);
.element {
color: $szollosi-grape;
box-shadow: 0 0 0 2px rgba($szollosi-grape, 0.35);
}