Nazwany kolor · #FF0080
Neon Rose
Neon Rose to #FF0080: rgb(255 0 128), hsl(330 100% 50%), oklch(0.645 0.26 2.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Neon Rose color name →
#FF0080
oklch(0.645 0.26 2.5)
Konwersje koloru
- HEX
- #ff0080
- RGB
- rgb(255 0 128)
- HSL
- hsl(330 100% 50%)
- HWB
- hwb(330 0% 0%)
- OKLCH
- oklch(0.645 0.26 2.5)
- OKLab
- oklab(0.645 0.26 0.011)
- CIE Lab
- lab(55.64 83.83 5.84)
- LCH
- lch(55.64 84.04 4)
- CMYK
- cmyk(0% 100% 50% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF3F8C
- FF5D98
- FF76A4
- FF8BB1
- FFA0BE
- FFB4CA
- FFC7D7
- FFDAE4
- FFECF2
Odcienie ciemniejsze
- DE006E
- BE005D
- 9E004D
- 80003D
- 63002E
- 48001F
- 2E0012
- 160006
- 030001
Tony
- F42E80
- E94180
- DD4E80
- D25980
- C56280
- B96A80
- AC7080
- 9E7680
- 907B80
Harmonie kolorów
Komplementarna +180°
- FF0080
Neon Rose
- 00A494
≈ Tropical Sea
Analogowa -30° +30°
- FF0080
Neon Rose
- E131D1
≈ Méi Gūi Zǐ Purple
- FF3200
≈ Boiling Magma
Triada +120° +240°
- FF0080
Neon Rose
- 7D9C00
≈ Luminescent Green
- 0096E3
≈ Atmosphere
Komplementarna rozszczepiona +150° +210°
- FF0080
Neon Rose
- 00AA58
≈ Rita Repulsa
- 009FB6
≈ January Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.77:1 · APCA Lc 62
Ag
AANa czerni
WCAG 5.56:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.56:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--neon-rose: #ff0080;
--neon-rose-rgb: 255 0 128;
--neon-rose-oklch: oklch(0.645 0.26 2.5);
}
.element {
color: var(--neon-rose);
background-color: hsl(330 100% 50%);
border-color: oklch(0.645 0.26 2.5);
}Tailwind CSS v4
@theme {
--color-neon-rose: #ff0080;
--color-neon-rose-50: #ffd6ec;
--color-neon-rose-100: #ffc3dd;
--color-neon-rose-200: #ffa1c6;
--color-neon-rose-300: #ff73a7;
--color-neon-rose-400: #ff3d91;
--color-neon-rose-500: #fe0077;
--color-neon-rose-600: #d70065;
--color-neon-rose-700: #ad0051;
--color-neon-rose-800: #81003e;
--color-neon-rose-900: #5b002b;
--color-neon-rose-950: #3d0018;
}SCSS
$neon-rose: #ff0080;
$neon-rose-rgb: 255, 0, 128;
$neon-rose-light: mix(#fff, $neon-rose, 20%);
$neon-rose-dark: mix(#000, $neon-rose, 20%);
.element {
color: $neon-rose;
box-shadow: 0 0 0 2px rgba($neon-rose, 0.35);
}