Nazwany kolor · #FF1414
Little Ladybug
Little Ladybug to #FF1414: rgb(255 20 20), hsl(0 100% 54%), oklch(0.632 0.253 28.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Little Ladybug color name →
#FF1414
oklch(0.632 0.253 28.7)
Konwersje koloru
- HEX
- #ff1414
- RGB
- rgb(255 20 20)
- HSL
- hsl(0 100% 54%)
- HWB
- hwb(0 8% 0%)
- OKLCH
- oklch(0.632 0.253 28.7)
- OKLab
- oklab(0.632 0.222 0.121)
- CIE Lab
- lab(54.86 79.44 64.68)
- LCH
- lch(54.86 102.44 39.2)
- CMYK
- cmyk(0% 92% 92% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF4538
- FF6151
- FF7968
- FF8E7E
- FFA294
- FFB6A9
- FFC8BE
- FFDBD4
- FFEDE9
Odcienie ciemniejsze
- DE1010
- BE0C0C
- 9E0808
- 800505
- 630303
- 480101
- 2E0101
- 160000
- 030000
Tony
- F4342A
- E94538
- DD5244
- D25C4F
- C66458
- B96B61
- AC7269
- 9E7771
- 907C79
Harmonie kolorów
Komplementarna +180°
- FF1414
Little Ladybug
- 009BAD
≈ Aquarium Diver
Analogowa -30° +30°
- FF1414
Little Ladybug
- F50E87
≈ Fabulous Fuchsia
- CB6F00
≈ Sludge
Triada +120° +240°
- FF1414
Little Ladybug
- 00A645
≈ Poetic Green
- 5A7DFF
≈ C64 NTSC
Komplementarna rozszczepiona +150° +210°
- FF1414
Little Ladybug
- 00A08B
≈ Turquish
- 0094D5
≈ Sea of Crete
Tetrada +90° +180° +270°
- FF1414
Little Ladybug
- 819500
≈ Mossy Woods
- 009BAD
≈ Aquarium Diver
- A05CFF
≈ Orion Nebula
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.91:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.36:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.36:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--little-ladybug: #ff1414;
--little-ladybug-rgb: 255 20 20;
--little-ladybug-oklch: oklch(0.632 0.253 28.7);
}
.element {
color: var(--little-ladybug);
background-color: hsl(0 100% 54%);
border-color: oklch(0.632 0.253 28.7);
}Tailwind CSS v4
@theme {
--color-little-ladybug: #ff1414;
--color-little-ladybug-50: #ffdac9;
--color-little-ladybug-100: #ffc8b4;
--color-little-ladybug-200: #ffa891;
--color-little-ladybug-300: #ff7b63;
--color-little-ladybug-400: #ff483b;
--color-little-ladybug-500: #ff0000;
--color-little-ladybug-600: #db0000;
--color-little-ladybug-700: #b10000;
--color-little-ladybug-800: #840003;
--color-little-ladybug-900: #5e0003;
--color-little-ladybug-950: #3f0000;
}SCSS
$little-ladybug: #ff1414;
$little-ladybug-rgb: 255, 20, 20;
$little-ladybug-light: mix(#fff, $little-ladybug, 20%);
$little-ladybug-dark: mix(#000, $little-ladybug, 20%);
.element {
color: $little-ladybug;
box-shadow: 0 0 0 2px rgba($little-ladybug, 0.35);
}