Illustration branding ux ui
- Dark Coral#ce583e
- Pale Cyan#95d4fb
- Keppel#37aca2
- Crystal Blue#70a0a8
- Crystal#a2d4d7
- Dark Lava#443c3c
Utworzono 11/21/2022 13:16
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Dark Coral #ce583e i Pale Cyan #95d4fb. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #443C3C (najciemniejszy) do #95D4FB (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — 2 stonowanych i 2 ż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 (4 z 6).
Kody HEX (posortowane): #37ACA2, #443C3C, #70A0A8, #95D4FB, #A2D4D7, #CE583E
Paleta Illustration branding ux ui łączy 6 kodów kolorów:
HEX: #ce583e, RGB: (206, 88, 62); HEX: #95d4fb, RGB: (149, 212, 251); HEX: #37aca2, RGB: (55, 172, 162)
HEX: #70a0a8, RGB: (112, 160, 168); HEX: #a2d4d7, RGB: (162, 212, 215); HEX: #443c3c, RGB: (68, 60, 60)
Uproszczona wersja palety kolorów
Ciemny odcień Indyjska czerwień, Jasny odcień Jasny błękit nieba, Jasny odcień Jasna zieleń morska, Jasny odcień Kadetowy niebieski, Ciemny odcień Pudrowy niebieski, Ciemny odcień Przyćmiony szary
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Illustration branding ux ui kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #ce583e | #ce583e | RGB(206, 88, 62) | Dark Coral | — |
| #95d4fb | #95d4fb | RGB(149, 212, 251) | Pale Cyan | — |
| #37aca2 | #37aca2 | RGB(55, 172, 162) | Keppel | — |
| #70a0a8 | #70a0a8 | RGB(112, 160, 168) | Crystal Blue | — |
| #a2d4d7 | #a2d4d7 | RGB(162, 212, 215) | Crystal | — |
| #443c3c | #443c3c | RGB(68, 60, 60) | Dark Lava | — |
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 |
|---|---|---|
#ce583e | #37aca2 | 1.49 |
#ce583e | #70a0a8 | 1.43 |
#95d4fb | #37aca2 | 1.72 |
#95d4fb | #70a0a8 | 1.79 |
#95d4fb | #a2d4d7 | 1.01 |
#37aca2 | #70a0a8 | 1.04 |
Paleta obrazów Illustration branding ux ui png
Eksportuj paletę
Pobierz "Illustration branding ux ui" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: