UI Component Library Spectrum
- Button Blue#2962ff
- Input Field Gray#b0bec5
- Tooltip Yellow#ffd54f
- Modal Backdrop Black#212121
- Success Green#4caf50
- Error Red#f44336
- Disabled Light Gray#cfd8dc
Utworzono 06/10/2025 09:47
Paleta składa się z kolorów Półciemny, Jasny, Ciemny. Kolory akcentujące Button Blue #2962ff i Tooltip Yellow #ffd54f. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #212121 (najciemniejszy) do #FFD54F (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 stonowanych i 3 żywych z 7 kolorów.
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 (4 z 7).
Kody HEX (posortowane): #212121, #2962FF, #4CAF50, #B0BEC5, #CFD8DC, #F44336, #FFD54F
Paleta UI Component Library Spectrum łączy 7 kodów kolorów:
HEX: #2962ff, RGB: (41, 98, 255); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ffd54f, RGB: (255, 213, 79)
HEX: #212121, RGB: (33, 33, 33); HEX: #4caf50, RGB: (76, 175, 80); HEX: #f44336, RGB: (244, 67, 54)
HEX: #cfd8dc, RGB: (207, 216, 220)
Uproszczona wersja palety kolorów
Ciemny odcień Królewski niebieski, Ciemny odcień Srebrny, Jasny odcień Złoty, Jasny odcień Czarny, Ciemny odcień Średnia zieleń morska, Ciemny odcień Pomidorowy, Jasny odcień Jasnoszary
Schemat kolorów został stworzony przez colorscheme
Kody kolorów w palecie
UI Component Library Spectrum kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #2962ff | #2962ff | RGB(41, 98, 255) | Button Blue | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Input Field Gray | Ocean Drive |
| #ffd54f | #ffd54f | RGB(255, 213, 79) | Tooltip Yellow | — |
| #212121 | #212121 | RGB(33, 33, 33) | Modal Backdrop Black | Lead |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Success Green | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Error Red | — |
| #cfd8dc | #cfd8dc | RGB(207, 216, 220) | Disabled Light Gray | — |
Kontrast palety kolorów
10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#2962ff | #4caf50 | 1.76 |
#2962ff | #f44336 | 1.33 |
#b0bec5 | #ffd54f | 1.35 |
#b0bec5 | #4caf50 | 1.45 |
#b0bec5 | #f44336 | 1.93 |
#b0bec5 | #cfd8dc | 1.31 |
Paleta obrazów UI Component Library Spectrum png
Eksportuj paletę
Pobierz "UI Component Library Spectrum" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: