Hyperlink Interaction Design Kit
- Visited Violet#6d72c3
- Active Lime#b3ffab
- Hover Rose#ffa8a8
- Default Blue#4a90e2
- Underline Gray#dadada
- Focus Gold#ffd700
Utworzono 06/09/2025 08:13
Paleta składa się z kolorów Jasny. Kolory akcentujące Visited Violet #6d72c3 i Active Lime #b3ffab. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #6D72C3 (najciemniejszy) do #B3FFAB (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie wydaje się żywe (wysoka chroma) — 67% kolorów jest żywych.
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): #4A90E2, #6D72C3, #B3FFAB, #DADADA, #FFA8A8, #FFD700
Paleta Hyperlink Interaction Design Kit łączy 6 kodów kolorów:
HEX: #6d72c3, RGB: (109, 114, 195); HEX: #b3ffab, RGB: (179, 255, 171); HEX: #ffa8a8, RGB: (255, 168, 168)
HEX: #4a90e2, RGB: (74, 144, 226); HEX: #dadada, RGB: (218, 218, 218); HEX: #ffd700, RGB: (255, 215, 0)
Uproszczona wersja palety kolorów
Ciemny odcień Średni łupkowy niebieski, Jasny odcień Bladozielony, Ciemny odcień Jasnoróżowy, Jasny odcień Niebieski Dodger, Ciemny odcień Gainsboro, Złoty
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
Hyperlink Interaction Design Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #6d72c3 | #6d72c3 | RGB(109, 114, 195) | Visited Violet | — |
| #b3ffab | #b3ffab | RGB(179, 255, 171) | Active Lime | — |
| #ffa8a8 | #ffa8a8 | RGB(255, 168, 168) | Hover Rose | — |
| #4a90e2 | #4a90e2 | RGB(74, 144, 226) | Default Blue | — |
| #dadada | #dadada | RGB(218, 218, 218) | Underline Gray | — |
| #ffd700 | #ffd700 | RGB(255, 215, 0) | Focus Gold | Gold |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#6d72c3 | #4a90e2 | 1.31 |
#b3ffab | #ffa8a8 | 1.55 |
#b3ffab | #dadada | 1.18 |
#b3ffab | #ffd700 | 1.18 |
#ffa8a8 | #4a90e2 | 1.79 |
#ffa8a8 | #dadada | 1.31 |
Paleta obrazów Hyperlink Interaction Design Kit png
Eksportuj paletę
Pobierz "Hyperlink Interaction Design Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: