Tailwind drop visual editor ux colours
- #425cf9
- #82bcf1
- #711816
- #af8569
- #d8b9a6
- #2c365a
Utworzono 09/08/2021 15:41
Paleta składa się z kolorów Półciemny, Jasny, Ciemny. Kolory akcentujące #425cf9 i #711816. Paleta ma temperaturę kolorów Zimny, Ciepły.
Według jasności paleta rozciąga się od #2C365A (najciemniejszy) do #D8B9A6 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie leży w średnim zakresie, średnio 57% w całej palecie.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ciepłe i zimne próbki są dość zrównoważone (3 ciepłych, 3 zimnych).
Kody HEX (posortowane): #2C365A, #425CF9, #711816, #82BCF1, #AF8569, #D8B9A6
Paleta Tailwind drop visual editor ux colours łączy 6 kodów kolorów:
HEX: #425cf9, RGB: (66, 92, 249); HEX: #82bcf1, RGB: (130, 188, 241); HEX: #711816, RGB: (113, 24, 22)
HEX: #af8569, RGB: (175, 133, 105); HEX: #d8b9a6, RGB: (216, 185, 166); HEX: #2c365a, RGB: (44, 54, 90)
Uproszczona wersja palety kolorów
Ciemny odcień Królewski niebieski, Ciemny odcień Jasny błękit nieba, Jasny odcień Kasztanowaty, Ciemny odcień Peru, Jasny odcień Jasnobrązowy, Ciemny odcień Ciemny łupkowy niebieski
Schemat kolorów został stworzony przez colorswall
Kody kolorów w palecie
Tailwind drop visual editor ux colours kody kolorów HEX, informacje RGB w tabeli
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#425cf9 | #af8569 | 1.54 |
#82bcf1 | #af8569 | 1.63 |
#82bcf1 | #d8b9a6 | 1.09 |
#711816 | #2c365a | 1.03 |
#af8569 | #d8b9a6 | 1.78 |
Paleta obrazów Tailwind drop visual editor ux colours png
Eksportuj paletę
Pobierz "Tailwind drop visual editor ux colours" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: