Utworzono o godz 07/25/2025 08:06
Modern Web UI Component Studio
- Element Aqua#4dd0e1
- Widget Tangerine#ffb74d
- Style Cardboard#efebe9
- Responsive Navy#283593
- UI Base White#fafafa
- Input Ink#212121
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Element Aqua #4dd0e1 i Widget Tangerine #ffb74d. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #212121 (najciemniejszy) do #FAFAFA (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): #212121, #283593, #4DD0E1, #EFEBE9, #FAFAFA, #FFB74D
Paleta Modern Web UI Component Studio zawiera kombinację kolorów kodów 6:
KLĄTWA: #4dd0e1, RGB: (77, 208, 225); KLĄTWA: #ffb74d, RGB: (255, 183, 77); KLĄTWA: #efebe9, RGB: (239, 235, 233)
KLĄTWA: #283593, RGB: (40, 53, 147); KLĄTWA: #fafafa, RGB: (250, 250, 250); KLĄTWA: #212121, RGB: (33, 33, 33)
Uproszczona wersja palety kolorów
Cień darkturquoise, Cień Pomarańczowy, Odcień whitesmoke, Odcień darkslateblue, Cień whitesmoke, Cień Czarny
Schemat kolorów został stworzony przez colorstudio
Więcej palet z:
Kody kolorów w palecie
Modern Web UI Component Studio kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #4dd0e1 | #4dd0e1 | RGB(77, 208, 225) | Element Aqua | — |
| #ffb74d | #ffb74d | RGB(255, 183, 77) | Widget Tangerine | — |
| #efebe9 | #efebe9 | RGB(239, 235, 233) | Style Cardboard | — |
| #283593 | #283593 | RGB(40, 53, 147) | Responsive Navy | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | UI Base White | Dr. White |
| #212121 | #212121 | RGB(33, 33, 33) | Input Ink | Lead |
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 |
#4dd0e1 | #ffb74d | 1.06 |
#4dd0e1 | #efebe9 | 1.55 |
#4dd0e1 | #fafafa | 1.76 |
#ffb74d | #efebe9 | 1.46 |
#ffb74d | #fafafa | 1.65 |
#efebe9 | #fafafa | 1.13 |
Paleta obrazów Modern Web UI Component Studio png
Eksportuj paletę
Pobierz "Modern Web UI Component Studio" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: