Frontend Developer Toolkit
- NPM Flame#cb3837
- React Sky#61dafb
- Debug Dust#f5f5f5
- Component Graphite#4a4a4a
- Hook Lavender#d6bcfa
- Responsive Teal#00b8a9
Utworzono 06/09/2025 16:43
Paleta składa się z kolorów Półciemny, Jasny. Kolory akcentujące NPM Flame #cb3837 i Responsive Teal #00b8a9. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #4A4A4A (najciemniejszy) do #F5F5F5 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 67% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (3 z 6).
Kody HEX (posortowane): #00B8A9, #4A4A4A, #61DAFB, #CB3837, #D6BCFA, #F5F5F5
Paleta Frontend Developer Toolkit łączy 6 kodów kolorów:
HEX: #cb3837, RGB: (203, 56, 55); HEX: #61dafb, RGB: (97, 218, 251); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #4a4a4a, RGB: (74, 74, 74); HEX: #d6bcfa, RGB: (214, 188, 250); HEX: #00b8a9, RGB: (0, 184, 169)
Uproszczona wersja palety kolorów
Jasny odcień Karmazynowy, Ciemny odcień Błękit nieba, Biały dym, Ciemny odcień Przyćmiony szary, Jasny odcień Śliwkowy, Ciemny odcień Jasna zieleń morska
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
Frontend Developer Toolkit kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #cb3837 | #cb3837 | RGB(203, 56, 55) | NPM Flame | — |
| #61dafb | #61dafb | RGB(97, 218, 251) | React Sky | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Debug Dust | Whitesmoke |
| #4a4a4a | #4a4a4a | RGB(74, 74, 74) | Component Graphite | Gray29 |
| #d6bcfa | #d6bcfa | RGB(214, 188, 250) | Hook Lavender | — |
| #00b8a9 | #00b8a9 | RGB(0, 184, 169) | Responsive Teal | — |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#cb3837 | #4a4a4a | 1.75 |
#61dafb | #f5f5f5 | 1.48 |
#61dafb | #d6bcfa | 1.03 |
#61dafb | #00b8a9 | 1.53 |
#f5f5f5 | #d6bcfa | 1.54 |
#d6bcfa | #00b8a9 | 1.47 |
Paleta obrazów Frontend Developer Toolkit png
Eksportuj paletę
Pobierz "Frontend Developer Toolkit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: