أقرب لون مسمّى · #7F75FF
#7F75FF
أقرب لون مسمّى: Orchid
#7F75FF (rgb(127 117 255)، hsl(244 100% 73%)، oklch(0.641 0.198 282.5)) أقرب إلى اللون المسمّى Orchid. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#7F75FF
oklch(0.641 0.198 282.5)
تحويلات الألوان
- HEX
- #7f75ff
- RGB
- rgb(127 117 255)
- HSL
- hsl(244 100% 73%)
- HWB
- hwb(244 46% 0%)
- OKLCH
- oklch(0.641 0.198 282.5)
- OKLab
- oklab(0.641 0.043 -0.194)
- CIE Lab
- lab(55.62 31.64 -68.89)
- LCH
- lch(55.62 75.81 294.7)
- CMYK
- cmyk(50% 54% 0% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8A84FF
- 9593FF
- A1A1FF
- ADAFFF
- BABDFF
- C7CAFF
- D5D7FF
- E3E5FF
- F1F2FF
درجات داكنة
- 6E65DE
- 5D55BE
- 4C469E
- 3C3780
- 2D2963
- 1F1C48
- 110F2E
- 060516
- 010103
درجات رمادية
- 7E78F2
- 7E7AE6
- 7E7CDA
- 7D7DCD
- 7D7EC0
- 7E7FB4
- 7E80A7
- 7F809A
- 7F808D
تناسق الألوان
متمم +180°
- 7F75FF
Orchid
- 9D8F00
≈ Smoothie Green
متجاور -30° +30°
- 7F75FF
Orchid
- 008DFE
≈ Clear Chill
- B560E1
≈ Rich Lilac
ثلاثي +120° +240°
- 7F75FF
Orchid
- E75900
≈ Tobiko Orange
- 00A673
≈ Bluish Green
متمم منقسم +150° +210°
- 7F75FF
Orchid
- BE7D00
≈ Guo Tie Dumpling
- 5FA200
≈ Prairie Green
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.56:1 · APCA Lc 63
Ag
AAعلى الأسود
WCAG 5.89:1 · APCA Lc 39
أفضل لون للنص: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--orchid: #7f75ff;
--orchid-rgb: 127 117 255;
--orchid-oklch: oklch(0.641 0.198 282.5);
}
.element {
color: var(--orchid);
background-color: hsl(244 100% 73%);
border-color: oklch(0.641 0.198 282.5);
}Tailwind CSS v4
@theme {
--color-orchid: #7f75ff;
--color-orchid-50: #eeeeff;
--color-orchid-100: #e0dfff;
--color-orchid-200: #cbc8ff;
--color-orchid-300: #ada7ff;
--color-orchid-400: #908aff;
--color-orchid-500: #796aff;
--color-orchid-600: #665ada;
--color-orchid-700: #5148af;
--color-orchid-800: #393584;
--color-orchid-900: #27245d;
--color-orchid-950: #161240;
}SCSS
$orchid: #7f75ff;
$orchid-rgb: 127, 117, 255;
$orchid-light: mix(#fff, $orchid, 20%);
$orchid-dark: mix(#000, $orchid, 20%);
.element {
color: $orchid;
box-shadow: 0 0 0 2px rgba($orchid, 0.35);
}