Utworzono o godz 06/16/2025 20:07
Hypermedia Navigation UI Toolkit
- Breadcrumb Bronze#c1995e
- Anchor Tag Teal#1ac6a8
- Responsive Clay#e2ded0
- Viewport Violet#9873ff
- Scroll Link Blush#f29db6
- Sticky Header Navy#233142
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Breadcrumb Bronze #c1995e i Viewport Violet #9873ff. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #233142 (najciemniejszy) do #E2DED0 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #1AC6A8, #233142, #9873FF, #C1995E, #E2DED0, #F29DB6
Paleta Hypermedia Navigation UI Toolkit zawiera kombinację kolorów kodów 6:
KLĄTWA: #c1995e, RGB: (193, 153, 94); KLĄTWA: #1ac6a8, RGB: (26, 198, 168); KLĄTWA: #e2ded0, RGB: (226, 222, 208)
KLĄTWA: #9873ff, RGB: (152, 115, 255); KLĄTWA: #f29db6, RGB: (242, 157, 182); KLĄTWA: #233142, RGB: (35, 49, 66)
Uproszczona wersja palety kolorów
Odcień tan, Odcień mediumaquamarine, Odcień oldlace, Cień mediumpurple, Odcień lightpink, Cień midnightblue
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Hypermedia Navigation UI Toolkit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #c1995e | #c1995e | RGB(193, 153, 94) | Breadcrumb Bronze | — |
| #1ac6a8 | #1ac6a8 | RGB(26, 198, 168) | Anchor Tag Teal | — |
| #e2ded0 | #e2ded0 | RGB(226, 222, 208) | Responsive Clay | — |
| #9873ff | #9873ff | RGB(152, 115, 255) | Viewport Violet | — |
| #f29db6 | #f29db6 | RGB(242, 157, 182) | Scroll Link Blush | — |
| #233142 | #233142 | RGB(35, 49, 66) | Sticky Header Navy | — |
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 |
#c1995e | #1ac6a8 | 1.21 |
#c1995e | #e2ded0 | 1.95 |
#c1995e | #9873ff | 1.28 |
#c1995e | #f29db6 | 1.28 |
#1ac6a8 | #e2ded0 | 1.6 |
#1ac6a8 | #9873ff | 1.55 |
Paleta obrazów Hypermedia Navigation UI Toolkit png
Eksportuj paletę
Pobierz "Hypermedia Navigation UI Toolkit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: