Headless CMS Web Kit
- Content Blue Mist#c3dfff
- Schema Light Gold#fff5b0
- Asset Dust Gray#e2e3e6
- Slug Ink Black#111213
- UI Block Rose#ffadbc
- Query Card White#fdfdfd
Utworzono 06/24/2025 17:29
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Content Blue Mist #c3dfff i Schema Light Gold #fff5b0. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #111213 (najciemniejszy) do #FDFDFD (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 ciepłu (2 z 6).
Kody HEX (posortowane): #111213, #C3DFFF, #E2E3E6, #FDFDFD, #FFADBC, #FFF5B0
Paleta Headless CMS Web Kit łączy 6 kodów kolorów:
HEX: #c3dfff, RGB: (195, 223, 255); HEX: #fff5b0, RGB: (255, 245, 176); HEX: #e2e3e6, RGB: (226, 227, 230)
HEX: #111213, RGB: (17, 18, 19); HEX: #ffadbc, RGB: (255, 173, 188); HEX: #fdfdfd, RGB: (253, 253, 253)
Uproszczona wersja palety kolorów
Jasny odcień Jasny stalowy niebieski, Jasny odcień Blada nawłoć, Jasny odcień Gainsboro, Jasny odcień Czarny, Ciemny odcień Jasnoróżowy, Ciemny odcień Biały
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Headless CMS Web Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #c3dfff | #c3dfff | RGB(195, 223, 255) | Content Blue Mist | — |
| #fff5b0 | #fff5b0 | RGB(255, 245, 176) | Schema Light Gold | — |
| #e2e3e6 | #e2e3e6 | RGB(226, 227, 230) | Asset Dust Gray | — |
| #111213 | #111213 | RGB(17, 18, 19) | Slug Ink Black | — |
| #ffadbc | #ffadbc | RGB(255, 173, 188) | UI Block Rose | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Query Card White | Brilliance |
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 |
|---|---|---|
#c3dfff | #fff5b0 | 1.23 |
#c3dfff | #e2e3e6 | 1.06 |
#c3dfff | #ffadbc | 1.28 |
#c3dfff | #fdfdfd | 1.34 |
#fff5b0 | #e2e3e6 | 1.15 |
#fff5b0 | #ffadbc | 1.58 |
Paleta obrazów Headless CMS Web Kit png
Eksportuj paletę
Pobierz "Headless CMS Web Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: