Utworzono o godz 06/19/2025 20:44
AI Product Design System
- Prompt Flame#ff7f50
- Component Eggshell#fdfcf7
- Intent Ice#d7f1ff
- Predictive Gray#c2c5ca
- Success Clover#6ef8a5
- Hover Depth Ink#1e2024
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Prompt Flame #ff7f50 i Intent Ice #d7f1ff. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Według jasności paleta rozciąga się od #1E2024 (najciemniejszy) do #FDFCF7 (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): #1E2024, #6EF8A5, #C2C5CA, #D7F1FF, #FDFCF7, #FF7F50
Paleta AI Product Design System zawiera kombinację kolorów kodów 6:
KLĄTWA: #ff7f50, RGB: (255, 127, 80); KLĄTWA: #fdfcf7, RGB: (253, 252, 247); KLĄTWA: #d7f1ff, RGB: (215, 241, 255)
KLĄTWA: #c2c5ca, RGB: (194, 197, 202); KLĄTWA: #6ef8a5, RGB: (110, 248, 165); KLĄTWA: #1e2024, RGB: (30, 32, 36)
Uproszczona wersja palety kolorów
Odcień Biały, Odcień azure, Cień Srebro, Cień mediumspringgreen, Cień Czarny
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
AI Product Design System kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #ff7f50 | #ff7f50 | RGB(255, 127, 80) | Prompt Flame | Coral |
| #fdfcf7 | #fdfcf7 | RGB(253, 252, 247) | Component Eggshell | — |
| #d7f1ff | #d7f1ff | RGB(215, 241, 255) | Intent Ice | — |
| #c2c5ca | #c2c5ca | RGB(194, 197, 202) | Predictive Gray | — |
| #6ef8a5 | #6ef8a5 | RGB(110, 248, 165) | Success Clover | — |
| #1e2024 | #1e2024 | RGB(30, 32, 36) | Hover Depth Ink | — |
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 |
#ff7f50 | #c2c5ca | 1.44 |
#ff7f50 | #6ef8a5 | 1.86 |
#fdfcf7 | #d7f1ff | 1.14 |
#fdfcf7 | #c2c5ca | 1.68 |
#fdfcf7 | #6ef8a5 | 1.3 |
#d7f1ff | #c2c5ca | 1.47 |
Paleta obrazów AI Product Design System png
Eksportuj paletę
Pobierz "AI Product Design System" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: