Headless CMS Web Kit
- Content Cloud#f5f7fa
- Block Navy#1e2a38
- Schema Gold#f9dc5c
- Publish Blush#ffbaba
- Slug Gray#9aa5b1
- API Cyan#00e0ff
Utworzono 06/20/2025 17:15
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Publish Blush #ffbaba i API Cyan #00e0ff. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #1E2A38 (najciemniejszy) do #F5F7FA (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 1 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): #00E0FF, #1E2A38, #9AA5B1, #F5F7FA, #F9DC5C, #FFBABA
Paleta Headless CMS Web Kit łączy 6 kodów kolorów:
HEX: #f5f7fa, RGB: (245, 247, 250); HEX: #1e2a38, RGB: (30, 42, 56); HEX: #f9dc5c, RGB: (249, 220, 92)
HEX: #ffbaba, RGB: (255, 186, 186); HEX: #9aa5b1, RGB: (154, 165, 177); HEX: #00e0ff, RGB: (0, 224, 255)
Uproszczona wersja palety kolorów
Ciemny odcień Widmowa biel, Jasny odcień Nocny błękit, Jasny odcień Złoty, Jasny odcień Jasnoróżowy, Ciemny odcień Ciemnoszary, Ciemny odcień Błękit nieba
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
Headless CMS Web Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #f5f7fa | #f5f7fa | RGB(245, 247, 250) | Content Cloud | — |
| #1e2a38 | #1e2a38 | RGB(30, 42, 56) | Block Navy | — |
| #f9dc5c | #f9dc5c | RGB(249, 220, 92) | Schema Gold | — |
| #ffbaba | #ffbaba | RGB(255, 186, 186) | Publish Blush | — |
| #9aa5b1 | #9aa5b1 | RGB(154, 165, 177) | Slug Gray | — |
| #00e0ff | #00e0ff | RGB(0, 224, 255) | API Cyan | — |
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 |
|---|---|---|
#f5f7fa | #f9dc5c | 1.26 |
#f5f7fa | #ffbaba | 1.5 |
#f5f7fa | #00e0ff | 1.49 |
#f9dc5c | #ffbaba | 1.18 |
#f9dc5c | #9aa5b1 | 1.83 |
#f9dc5c | #00e0ff | 1.17 |
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: