Cloud Component Schema UX
- Frontend Frost#edf6f9
- JavaScript Gold#ffcc00
- Backend Indigo#3f3d56
- API Salmon#ff8c8c
- Cluster Gray#dadada
- Token Rose#ffd6ec
Utworzono 07/21/2025 12:35
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Frontend Frost #edf6f9 i Token Rose #ffd6ec. Paleta ma temperaturę kolorów Neutralny, Ciepły, Zimny.
Według jasności paleta rozciąga się od #3F3D56 (najciemniejszy) do #EDF6F9 (najjaśniejszy). Zakres jasności jest szeroki.
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 ciepłu (3 z 6).
Kody HEX (posortowane): #3F3D56, #DADADA, #EDF6F9, #FF8C8C, #FFCC00, #FFD6EC
Paleta Cloud Component Schema UX łączy 6 kodów kolorów:
HEX: #edf6f9, RGB: (237, 246, 249); HEX: #ffcc00, RGB: (255, 204, 0); HEX: #3f3d56, RGB: (63, 61, 86)
HEX: #ff8c8c, RGB: (255, 140, 140); HEX: #dadada, RGB: (218, 218, 218); HEX: #ffd6ec, RGB: (255, 214, 236)
Uproszczona wersja palety kolorów
Ciemny odcień Błękit Alicji, Ciemny odcień Złoty, Ciemny odcień Ciemny łupkowy niebieski, Jasny odcień Jasnokoralowy, Ciemny odcień Gainsboro, Jasny odcień Różowy
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
Cloud Component Schema UX kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #edf6f9 | #edf6f9 | RGB(237, 246, 249) | Frontend Frost | — |
| #ffcc00 | #ffcc00 | RGB(255, 204, 0) | JavaScript Gold | USC Gold |
| #3f3d56 | #3f3d56 | RGB(63, 61, 86) | Backend Indigo | — |
| #ff8c8c | #ff8c8c | RGB(255, 140, 140) | API Salmon | — |
| #dadada | #dadada | RGB(218, 218, 218) | Cluster Gray | — |
| #ffd6ec | #ffd6ec | RGB(255, 214, 236) | Token Rose | — |
Kontrast palety kolorów
9 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#edf6f9 | #ffcc00 | 1.37 |
#edf6f9 | #dadada | 1.27 |
#edf6f9 | #ffd6ec | 1.19 |
#ffcc00 | #ff8c8c | 1.48 |
#ffcc00 | #dadada | 1.08 |
#ffcc00 | #ffd6ec | 1.15 |
Paleta obrazów Cloud Component Schema UX png
Eksportuj paletę
Pobierz "Cloud Component Schema UX" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: