#7EE182#7EE182
#7EE182 لون فاتح جداً وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.599؛ OKLCH L 82.6% C 0.160 H 144.8°. أفضل لون لنص المتن هو #000000 بتباين 12.98:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7EE182 |
|---|---|
| RGB | rgb(126, 225, 130) |
| HSL | hsl(122, 62%, 69%) |
| HSV | hsv(122, 44%, 88%) |
| CMYK | cmyk(44%, 0%, 42.2%, 11.8%) |
| CIE-LAB | lab(81.78, -48.17, 37.60) |
| CIE-LCH | lch(81.78, 61.10, 142.03°) |
| OKLab | oklab(82.64% -0.131 0.0925) |
| OKLCH | oklch(82.64% 0.16 144.8) |
| XYZ | xyz(39.5566, 59.8951, 30.5913) |
| Luminance | 0.5990 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Lightgreen
#90EE90
ΔE00 3.21
Lightish Green
#61E160
ΔE00 4.72
Weird Green
#3AE57F
ΔE00 5.08
Palegreen
#98FB98
ΔE00 5.83
Fresh Green
#69D84F
ΔE00 6.30
Tealish Green
#0CDC73
ΔE00 6.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7EE182 #E17EDD
analogous
#ACE17E #7EE182 #7EE1B4
triadic
#7EE182 #827EE1 #E1827E
tetradic
#7EE182 #7EACE1 #E17EDD #E1B47E
square
#7EE182 #7EACE1 #E17EDD #E1B47E
split-complementary
#7EE182 #B47EE1 #E17EAC
monochromatic
#2BB931 #4CD552 #7EE182 #B0EDB2 #E1F8E2
إمكانية الوصول والتباين
On white
1.62
#7EE182 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.98
#7EE182 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #7EE182
12.98:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7EE182 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7EE182 | 1.00 | 1.62 | 12.98 | 12.98 |
| #FFFFFF | 1.62 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.98 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.98 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E4D17B
Deuteranopia (green-blind)
#D6C888
Tritanopia (blue-blind)
#71DCCA
Achromatopsia (no color)
#CBCBCB
وسوم التصميم والكود
CSS
--color: #7ee182; /* rgb */ color: rgb(126, 225, 130); /* oklch */ color: oklch(82.6% 0.160 144.8);
Tailwind
colors: {
custom: {
50: '#a8eba7',
500: '#7ee182',
950: '#000000',
},
}SCSS
$custom: #7ee182; $custom-light: #a8eba7; $custom-dark: #000000;
JSON
{
"hex": "#7ee182",
"rgb": {
"r": 126,
"g": 225,
"b": 130
},
"hsl": {
"h": 122.424,
"s": 62.264,
"l": 68.824
},
"oklch": {
"l": 0.82637,
"c": 0.16038,
"h": 144.8
},
"luminance": 0.59898
}Semantic roles & 50–950 ramp
primary
#7EE182
secondary
#B84BB4
accent
#1BC3CA
background
#FDFEFC
surface
#F7FDF6
border
#D0D5D0
text
#10160F
muted
#818480