Serverless UI Design Kit
- Lambda Violet#a084e8
- Cold Start Gray#cccccc
- Trigger Lime#dafdba
- API Gateway Black#121212
- Function Blue#5dade2
- Payload White#fbfbfb
Utworzono 07/16/2025 20:09
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Lambda Violet #a084e8 i Trigger Lime #dafdba. Paleta ma temperaturę kolorów Zimny, Neutralny.
Według jasności paleta rozciąga się od #121212 (najciemniejszy) do #FBFBFB (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 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): #121212, #5DADE2, #A084E8, #CCCCCC, #DAFDBA, #FBFBFB
Paleta Serverless UI Design Kit łączy 6 kodów kolorów:
HEX: #a084e8, RGB: (160, 132, 232); HEX: #cccccc, RGB: (204, 204, 204); HEX: #dafdba, RGB: (218, 253, 186)
HEX: #121212, RGB: (18, 18, 18); HEX: #5dade2, RGB: (93, 173, 226); HEX: #fbfbfb, RGB: (251, 251, 251)
Uproszczona wersja palety kolorów
Jasny odcień Średni fioletowy, Ciemny odcień Jasnoszary, Jasny odcień Bladozielony, Jasny odcień Czarny, Jasny odcień Głęboki błękit nieba, Ciemny odcień Biały
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
Serverless UI Design Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #a084e8 | #a084e8 | RGB(160, 132, 232) | Lambda Violet | — |
| #cccccc | #cccccc | RGB(204, 204, 204) | Cold Start Gray | Cerebral Grey |
| #dafdba | #dafdba | RGB(218, 253, 186) | Trigger Lime | — |
| #121212 | #121212 | RGB(18, 18, 18) | API Gateway Black | Dark Tone Ink |
| #5dade2 | #5dade2 | RGB(93, 173, 226) | Function Blue | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Payload White | Whiteout |
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 |
|---|---|---|
#a084e8 | #cccccc | 1.87 |
#a084e8 | #5dade2 | 1.22 |
#cccccc | #dafdba | 1.43 |
#cccccc | #5dade2 | 1.53 |
#cccccc | #fbfbfb | 1.55 |
#dafdba | #fbfbfb | 1.08 |
Paleta obrazów Serverless UI Design Kit png
Eksportuj paletę
Pobierz "Serverless UI Design Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: