Frontend UX Neural Component Set
- React Sky#6ec6ff
- JS Yellow#ffeb3b
- Node Lime#aed581
- UX Whiteboard Gray#eceff1
- Function Coral#ff8a80
- Async Indigo#7986cb
Utworzono 07/25/2025 07:51
Paleta składa się z kolorów Jasny. Kolory akcentujące React Sky #6ec6ff i JS Yellow #ffeb3b. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #7986CB (najciemniejszy) do #ECEFF1 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — 1 stonowanych i 3 ż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 (3 z 6).
Kody HEX (posortowane): #6EC6FF, #7986CB, #AED581, #ECEFF1, #FF8A80, #FFEB3B
Paleta Frontend UX Neural Component Set łączy 6 kodów kolorów:
HEX: #6ec6ff, RGB: (110, 198, 255); HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #aed581, RGB: (174, 213, 129)
HEX: #eceff1, RGB: (236, 239, 241); HEX: #ff8a80, RGB: (255, 138, 128); HEX: #7986cb, RGB: (121, 134, 203)
Uproszczona wersja palety kolorów
Ciemny odcień Jasny błękit nieba, Ciemny odcień Żółty, Ciemny odcień Jasnozielony, Ciemny odcień Biały dym, Jasny odcień Łososiowy, Ciemny odcień Chabrowy
Schemat kolorów został stworzony przez coolor
Kody kolorów w palecie
Frontend UX Neural Component Set kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #6ec6ff | #6ec6ff | RGB(110, 198, 255) | React Sky | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | JS Yellow | — |
| #aed581 | #aed581 | RGB(174, 213, 129) | Node Lime | — |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | UX Whiteboard Gray | — |
| #ff8a80 | #ff8a80 | RGB(255, 138, 128) | Function Coral | — |
| #7986cb | #7986cb | RGB(121, 134, 203) | Async Indigo | — |
Kontrast palety kolorów
12 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#6ec6ff | #ffeb3b | 1.53 |
#6ec6ff | #aed581 | 1.12 |
#6ec6ff | #eceff1 | 1.62 |
#6ec6ff | #ff8a80 | 1.21 |
#6ec6ff | #7986cb | 1.83 |
#ffeb3b | #aed581 | 1.36 |
Paleta obrazów Frontend UX Neural Component Set png
Eksportuj paletę
Pobierz "Frontend UX Neural Component Set" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: