Loading...
Utworzono o godz 07/12/2025 20:01
Progressive Web Accessibility UI
- Contrast Cream#fffbea
- Semantic Indigo#674ea7
- Focus Aqua#00f0ff
- Outline Charcoal#323232
- Alt Lime#c1ff72
- Text Gray#e0e0e0
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Contrast Cream #fffbea i Focus Aqua #00f0ff. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #323232 (najciemniejszy) do #FFFBEA (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): #00F0FF, #323232, #674EA7, #C1FF72, #E0E0E0, #FFFBEA
Paleta Progressive Web Accessibility UI zawiera kombinację kolorów kodów 6:
KLĄTWA: #fffbea, RGB: (255, 251, 234); KLĄTWA: #674ea7, RGB: (103, 78, 167); KLĄTWA: #00f0ff, RGB: (0, 240, 255)
KLĄTWA: #323232, RGB: (50, 50, 50); KLĄTWA: #c1ff72, RGB: (193, 255, 114); KLĄTWA: #e0e0e0, RGB: (224, 224, 224)
Uproszczona wersja palety kolorów
Odcień ivory, Odcień slateblue, Odcień cyan, Cień Czarny, Cień greenyellow, Cień gainsboro
Schemat kolorów został stworzony przez colorscheme
Kody kolorów w palecie
Progressive Web Accessibility UI kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #fffbea | #fffbea | RGB(255, 251, 234) | Contrast Cream | — |
| #674ea7 | #674ea7 | RGB(103, 78, 167) | Semantic Indigo | — |
| #00f0ff | #00f0ff | RGB(0, 240, 255) | Focus Aqua | — |
| #323232 | #323232 | RGB(50, 50, 50) | Outline Charcoal | — |
| #c1ff72 | #c1ff72 | RGB(193, 255, 114) | Alt Lime | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Text Gray | Gray88 |
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 |
#fffbea | #00f0ff | 1.35 |
#fffbea | #c1ff72 | 1.13 |
#fffbea | #e0e0e0 | 1.27 |
#674ea7 | #323232 | 1.96 |
#00f0ff | #c1ff72 | 1.19 |
#00f0ff | #e0e0e0 | 1.06 |
Paleta obrazów Progressive Web Accessibility UI png
Eksportuj paletę
Pobierz "Progressive Web Accessibility UI" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: