Utworzono o godz 10/03/2025 22:00
Next gen React dashboard design system
Card White
#fafafa
Neon Teal
#00c4b3
Warning Amber
#ffb703
Console Navy
#023047
Highlight Pink
#ff4b91
Graphite Grey
#444444
Success Lime
#9ae66e
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Neon Teal #00c4b3 i Warning Amber #ffb703. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Paleta Next gen React dashboard design system zawiera kombinację kolorów kodów 7:
KLĄTWA: #fafafa, RGB: (250, 250, 250); KLĄTWA: #00c4b3, RGB: (0, 196, 179); KLĄTWA: #ffb703, RGB: (255, 183, 3)
KLĄTWA: #023047, RGB: (2, 48, 71); KLĄTWA: #ff4b91, RGB: (255, 75, 145); KLĄTWA: #444444, RGB: (68, 68, 68)
KLĄTWA: #9ae66e, RGB: (154, 230, 110)
Uproszczona wersja palety kolorów
Cień whitesmoke, Cień lightseagreen, Cień Pomarańczowy, Cień midnightblue, Cień deeppink, Odcień dimgrey, Odcień lightgreen
Schemat kolorów został stworzony przez colorslib
Kody kolorów w palecie
Next gen React dashboard design system kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #fafafa | #fafafa | RGB(250, 250, 250) | Card White | Dr. White |
| #00c4b3 | #00c4b3 | RGB(0, 196, 179) | Neon Teal | — |
| #ffb703 | #ffb703 | RGB(255, 183, 3) | Warning Amber | — |
| #023047 | #023047 | RGB(2, 48, 71) | Console Navy | — |
| #ff4b91 | #ff4b91 | RGB(255, 75, 145) | Highlight Pink | — |
| #444444 | #444444 | RGB(68, 68, 68) | Graphite Grey | Goshawk Grey |
| #9ae66e | #9ae66e | RGB(154, 230, 110) | Success Lime | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#fafafa | #ffb703 | 1.67 |
#fafafa | #9ae66e | 1.44 |
#00c4b3 | #ffb703 | 1.25 |
#00c4b3 | #ff4b91 | 1.43 |
#00c4b3 | #9ae66e | 1.45 |
#ffb703 | #ff4b91 | 1.8 |
