Utworzono o godz 10/05/2022 15:57
User interface tailwindcss illustration tailwindui colors palette
- Vivid Cerulean#0fa4e8
- Sky Blue#84ccec
- Blue Sapphire#045c7c
- Quick Silver#9ca4a4
- American Silver#c9ccd5
- Rich Black (FOGRA29)#0c0c14
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Vivid Cerulean #0fa4e8 i Blue Sapphire #045c7c. Paleta ma temperaturę kolorów Zimny, Neutralny.
Według jasności paleta rozciąga się od #0C0C14 (najciemniejszy) do #C9CCD5 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
Rozłożenie barw sugeruje głównie analogiczny zespół (heurystyka, nie sztywna reguła).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #045C7C, #0C0C14, #0FA4E8, #84CCEC, #9CA4A4, #C9CCD5
Paleta User interface tailwindcss illustration tailwindui colors palette zawiera kombinację kolorów kodów 6:
KLĄTWA: #0fa4e8, RGB: (15, 164, 232); KLĄTWA: #84ccec, RGB: (132, 204, 236); KLĄTWA: #045c7c, RGB: (4, 92, 124)
KLĄTWA: #9ca4a4, RGB: (156, 164, 164); KLĄTWA: #c9ccd5, RGB: (201, 204, 213); KLĄTWA: #0c0c14, RGB: (12, 12, 20)
Uproszczona wersja palety kolorów
Odcień deepskyblue, Odcień skyblue, Odcień darkslategrey, Odcień darkgrey, Odcień lightgrey, Cień Czarny
Schemat kolorów został stworzony przez colorswall
Kody kolorów w palecie
User interface tailwindcss illustration tailwindui colors palette kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #0fa4e8 | #0fa4e8 | RGB(15, 164, 232) | Vivid Cerulean | — |
| #84ccec | #84ccec | RGB(132, 204, 236) | Sky Blue | — |
| #045c7c | #045c7c | RGB(4, 92, 124) | Blue Sapphire | — |
| #9ca4a4 | #9ca4a4 | RGB(156, 164, 164) | Quick Silver | — |
| #c9ccd5 | #c9ccd5 | RGB(201, 204, 213) | American Silver | — |
| #0c0c14 | #0c0c14 | RGB(12, 12, 20) | Rich Black (FOGRA29) | — |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#0fa4e8 | #84ccec | 1.57 |
#0fa4e8 | #9ca4a4 | 1.1 |
#0fa4e8 | #c9ccd5 | 1.74 |
#84ccec | #9ca4a4 | 1.43 |
#84ccec | #c9ccd5 | 1.1 |
#9ca4a4 | #c9ccd5 | 1.58 |
Paleta obrazów User interface tailwindcss illustration tailwindui colors palette png
Eksportuj paletę
Pobierz "User interface tailwindcss illustration tailwindui colors palette" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: