Utworzono o godz 07/16/2025 20:15
NextJS Themed UI for Developer Tools
Build Gray
#373f51
Fast Refresh Blue
#0070f3
Deploy White
#fafafa
Component Pink
#f7a1c4
Structure Navy
#1c2541
Optimize Green
#00c49a
Paleta składa się z kolorów Światło, Półciemny, Ciemny. Kolory akcentujące Component Pink #f7a1c4 i Optimize Green #00c49a. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Paleta NextJS Themed UI for Developer Tools zawiera kombinację kolorów kodów 6:
KLĄTWA: #373f51, RGB: (55, 63, 81); KLĄTWA: #0070f3, RGB: (0, 112, 243); KLĄTWA: #fafafa, RGB: (250, 250, 250)
KLĄTWA: #f7a1c4, RGB: (247, 161, 196); KLĄTWA: #1c2541, RGB: (28, 37, 65); KLĄTWA: #00c49a, RGB: (0, 196, 154)
Uproszczona wersja palety kolorów
Odcień darkslateblue, Odcień royalblue, Cień whitesmoke, Odcień lightpink, Cień midnightblue, Odcień mediumaquamarine
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
NextJS Themed UI for Developer Tools kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #373f51 | #373f51 | RGB(55, 63, 81) | Build Gray | — |
| #0070f3 | #0070f3 | RGB(0, 112, 243) | Fast Refresh Blue | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Deploy White | Dr. White |
| #f7a1c4 | #f7a1c4 | RGB(247, 161, 196) | Component Pink | — |
| #1c2541 | #1c2541 | RGB(28, 37, 65) | Structure Navy | — |
| #00c49a | #00c49a | RGB(0, 196, 154) | Optimize Green | — |
Kontrast palety kolorów
3 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#373f51 | #1c2541 | 1.43 |
#fafafa | #f7a1c4 | 1.85 |
#f7a1c4 | #00c49a | 1.15 |
