Utworzono o godz 06/14/2025 19:48
Web Onboarding Component Flow
- Step Mint#a0f0c0
- Progress Indigo#7f9cf5
- CTA Peach#ffe5b4
- Instruction Grey#e2e8f0
- Confirm Navy#334155
- Overlay Soft White#f9fafb
Paleta składa się z kolorów Światło. Kolory akcentujące Progress Indigo #7f9cf5 i CTA Peach #ffe5b4. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #334155 (najciemniejszy) do #F9FAFB (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): #334155, #7F9CF5, #A0F0C0, #E2E8F0, #F9FAFB, #FFE5B4
Paleta Web Onboarding Component Flow zawiera kombinację kolorów kodów 6:
KLĄTWA: #a0f0c0, RGB: (160, 240, 192); KLĄTWA: #7f9cf5, RGB: (127, 156, 245); KLĄTWA: #ffe5b4, RGB: (255, 229, 180)
KLĄTWA: #e2e8f0, RGB: (226, 232, 240); KLĄTWA: #334155, RGB: (51, 65, 85); KLĄTWA: #f9fafb, RGB: (249, 250, 251)
Uproszczona wersja palety kolorów
Odcień aquamarine, Cień cornflowerblue, Cień moccasin, Odcień aliceblue, Odcień darkslateblue, Cień whitesmoke
Schemat kolorów został stworzony przez colourlock
Kody kolorów w palecie
Web Onboarding Component Flow kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #a0f0c0 | #a0f0c0 | RGB(160, 240, 192) | Step Mint | — |
| #7f9cf5 | #7f9cf5 | RGB(127, 156, 245) | Progress Indigo | — |
| #ffe5b4 | #ffe5b4 | RGB(255, 229, 180) | CTA Peach | Mouse Nose |
| #e2e8f0 | #e2e8f0 | RGB(226, 232, 240) | Instruction Grey | — |
| #334155 | #334155 | RGB(51, 65, 85) | Confirm Navy | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Overlay Soft White | — |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#a0f0c0 | #7f9cf5 | 1.97 |
#a0f0c0 | #ffe5b4 | 1.08 |
#a0f0c0 | #e2e8f0 | 1.08 |
#a0f0c0 | #f9fafb | 1.27 |
#ffe5b4 | #e2e8f0 | 1 |
#ffe5b4 | #f9fafb | 1.17 |
Paleta obrazów Web Onboarding Component Flow png
Eksportuj paletę
Pobierz "Web Onboarding Component Flow" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: