Nazwany kolor · #00FF22
Acid
Acid to #00FF22: rgb(0 255 34), hsl(128 100% 50%), oklch(0.867 0.289 143.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Acid color name →
#00FF22
oklch(0.867 0.289 143.1)
Konwersje koloru
- HEX
- #00ff22
- RGB
- rgb(0 255 34)
- HSL
- hsl(128 100% 50%)
- HWB
- hwb(128 0% 0%)
- OKLCH
- oklch(0.867 0.289 143.1)
- OKLab
- oklab(0.867 -0.231 0.174)
- CIE Lab
- lab(87.87 -78.74 77.37)
- LCH
- lch(87.87 110.4 135.5)
- CMYK
- cmyk(100% 0% 87% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4CFF4E
- 6CFF6A
- 85FF81
- 9AFF95
- ADFFA9
- BFFFBB
- D0FFCC
- E0FFDE
- F0FFEE
Odcienie ciemniejsze
- 00DE1C
- 00BE16
- 009E11
- 00800B
- 006307
- 004803
- 002E01
- 001600
- 000300
Tony
- 38F23D
- 4DE64D
- 5BD959
- 65CC62
- 6DC06A
- 73B370
- 78A675
- 7C9A79
- 7E8D7D
Harmonie kolorów
Komplementarna +180°
- 00FF22
Acid
- F8BAFF
≈ Brilliant Lavender
Analogowa -30° +30°
- 00FF22
Acid
- D5DF00
≈ Golden Gun
- 00F6C9
≈ Bright Teal
Triada +120° +240°
- 00FF22
Acid
- BDD4FF
≈ Ice Cold Stare
- FFC2BD
≈ Ladylike
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.32:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.32:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--acid: #00ff22;
--acid-rgb: 0 255 34;
--acid-oklch: oklch(0.867 0.289 143.1);
}
.element {
color: var(--acid);
background-color: hsl(128 100% 50%);
border-color: oklch(0.867 0.289 143.1);
}Tailwind CSS v4
@theme {
--color-acid: #00ff22;
--color-acid-50: #c0ffc2;
--color-acid-100: #a8ffab;
--color-acid-200: #7af482;
--color-acid-300: #2bdb4a;
--color-acid-400: #00c400;
--color-acid-500: #00ae00;
--color-acid-600: #009300;
--color-acid-700: #007600;
--color-acid-800: #005700;
--color-acid-900: #003d00;
--color-acid-950: #002600;
}SCSS
$acid: #00ff22;
$acid-rgb: 0, 255, 34;
$acid-light: mix(#fff, $acid, 20%);
$acid-dark: mix(#000, $acid, 20%);
.element {
color: $acid;
box-shadow: 0 0 0 2px rgba($acid, 0.35);
}