Secure Login UI Components
- Field Stone#94a3b8
- Success Lime#84cc16
- Failure Red#ef4444
- Form White#ffffff
- Outline Indigo#6366f1
- Background Smoke#f1f5f9
Utworzono 06/12/2025 08:26
Paleta składa się z kolorów Jasny. Kolory akcentujące Failure Red #ef4444 i Outline Indigo #6366f1. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #6366F1 (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — 2 stonowanych i 3 żywych z 6 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 (3 z 6).
Kody HEX (posortowane): #6366F1, #84CC16, #94A3B8, #EF4444, #F1F5F9, #FFFFFF
Paleta Secure Login UI Components łączy 6 kodów kolorów:
HEX: #94a3b8, RGB: (148, 163, 184); HEX: #84cc16, RGB: (132, 204, 22); HEX: #ef4444, RGB: (239, 68, 68)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #6366f1, RGB: (99, 102, 241); HEX: #f1f5f9, RGB: (241, 245, 249)
Uproszczona wersja palety kolorów
Jasny odcień Jasny łupkowy szary, Ciemny odcień Żółtozielony, Ciemny odcień Indyjska czerwień, Biały, Ciemny odcień Średni łupkowy niebieski, Ciemny odcień Błękit Alicji
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Secure Login UI Components kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Field Stone | — |
| #84cc16 | #84cc16 | RGB(132, 204, 22) | Success Lime | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Failure Red | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Form White | White |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Outline Indigo | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Background Smoke | — |
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 |
|---|---|---|
#94a3b8 | #84cc16 | 1.29 |
#94a3b8 | #ef4444 | 1.46 |
#94a3b8 | #6366f1 | 1.74 |
#84cc16 | #ef4444 | 1.9 |
#84cc16 | #ffffff | 1.97 |
#84cc16 | #f1f5f9 | 1.8 |
Paleta obrazów Secure Login UI Components png
Eksportuj paletę
Pobierz "Secure Login UI Components" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: