Utworzono o godz 06/27/2025 10:59
Cross-Platform UX Theme System
- Screen Aqua#67e8f9
- Device Ink#1f2937
- Interaction Cream#fef9c3
- Native Rose#f472b6
- Context Lilac#c084fc
- Content Fog#e5e7eb
- Frame Indigo#6366f1
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Interaction Cream #fef9c3 i Context Lilac #c084fc. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #1F2937 (najciemniejszy) do #E5E7EB (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
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): #1F2937, #6366F1, #67E8F9, #C084FC, #E5E7EB, #F472B6, #FEF9C3
Paleta Cross-Platform UX Theme System zawiera kombinację kolorów kodów 7:
KLĄTWA: #67e8f9, RGB: (103, 232, 249); KLĄTWA: #1f2937, RGB: (31, 41, 55); KLĄTWA: #fef9c3, RGB: (254, 249, 195)
KLĄTWA: #f472b6, RGB: (244, 114, 182); KLĄTWA: #c084fc, RGB: (192, 132, 252); KLĄTWA: #e5e7eb, RGB: (229, 231, 235)
KLĄTWA: #6366f1, RGB: (99, 102, 241)
Uproszczona wersja palety kolorów
Cień cyan, Cień Czarny, Odcień lemonchiffon, Cień hotpink, Odcień violet, Cień gainsboro, Odcień mediumslateblue
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Cross-Platform UX Theme System kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #67e8f9 | #67e8f9 | RGB(103, 232, 249) | Screen Aqua | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Device Ink | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Interaction Cream | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Native Rose | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Context Lilac | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Content Fog | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Frame Indigo | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#67e8f9 | #fef9c3 | 1.34 |
#67e8f9 | #f472b6 | 1.82 |
#67e8f9 | #c084fc | 1.82 |
#67e8f9 | #e5e7eb | 1.17 |
#fef9c3 | #e5e7eb | 1.15 |
#f472b6 | #c084fc | 1 |
Paleta obrazów Cross-Platform UX Theme System png
Eksportuj paletę
Pobierz "Cross-Platform UX Theme System" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: