Cloud-Native Design System Shell
- API Sky#a0e7e5
- Token Grey#b0bec5
- Container Coral#ff6f61
- Node White Smoke#f9fafb
- Route Navy#264653
- Compute Mint#b9fbc0
- Surface Graphite#2e2e2e
Utworzono 07/11/2025 21:11
Paleta składa się z kolorów Jasny, Półciemny, Ciemny. Kolory akcentujące Container Coral #ff6f61 i Compute Mint #b9fbc0. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #2E2E2E (najciemniejszy) do #F9FAFB (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): #264653, #2E2E2E, #A0E7E5, #B0BEC5, #B9FBC0, #F9FAFB, #FF6F61
Paleta Cloud-Native Design System Shell łączy 7 kodów kolorów:
HEX: #a0e7e5, RGB: (160, 231, 229); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #264653, RGB: (38, 70, 83); HEX: #b9fbc0, RGB: (185, 251, 192)
HEX: #2e2e2e, RGB: (46, 46, 46)
Uproszczona wersja palety kolorów
Ciemny odcień Bladoturkusowy, Ciemny odcień Srebrny, Ciemny odcień Łososiowy, Jasny odcień Biały dym, Ciemny odcień Ciemny łupkowy szary, Jasny odcień Bladozielony, Jasny odcień Czarny
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Cloud-Native Design System Shell kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #a0e7e5 | #a0e7e5 | RGB(160, 231, 229) | API Sky | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Token Grey | Ocean Drive |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Container Coral | Living Coral |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Node White Smoke | — |
| #264653 | #264653 | RGB(38, 70, 83) | Route Navy | — |
| #b9fbc0 | #b9fbc0 | RGB(185, 251, 192) | Compute Mint | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Surface Graphite | Carbon Fiber |
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 |
|---|---|---|
#a0e7e5 | #b0bec5 | 1.36 |
#a0e7e5 | #ff6f61 | 1.95 |
#a0e7e5 | #f9fafb | 1.33 |
#a0e7e5 | #b9fbc0 | 1.17 |
#b0bec5 | #ff6f61 | 1.43 |
#b0bec5 | #f9fafb | 1.82 |
Paleta obrazów Cloud-Native Design System Shell png
Eksportuj paletę
Pobierz "Cloud-Native Design System Shell" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: