Utworzono o godz 06/30/2025 17:18
  1

SaaS Dashboard Design Tokens

  • Metric Teal
    #00bfa6
  • KPI Ivory
    #fdfdfd
  • Chart Coral
    #ff6b6b
  • Insight Smoke
    #d3d3d3
  • Data Violet
    #7f00ff
  • Sidebar Ink
    #2e2e2e
Loading...
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Metric Teal #00bfa6 i Chart Coral #ff6b6b. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.

Według jasności paleta rozciąga się od #2E2E2E (najciemniejszy) do #FDFDFD (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): #00BFA6, #2E2E2E, #7F00FF, #D3D3D3, #FDFDFD, #FF6B6B

Paleta SaaS Dashboard Design Tokens zawiera kombinację kolorów kodów 6:
KLĄTWA: #00bfa6, RGB: (0, 191, 166); KLĄTWA: #fdfdfd, RGB: (253, 253, 253); KLĄTWA: #ff6b6b, RGB: (255, 107, 107)
KLĄTWA: #d3d3d3, RGB: (211, 211, 211); KLĄTWA: #7f00ff, RGB: (127, 0, 255); KLĄTWA: #2e2e2e, RGB: (46, 46, 46)
Uproszczona wersja palety kolorów
Odcień lightseagreen, Odcień Biały, Odcień salmon, Odcień blueviolet, Cień Czarny
Schemat kolorów został stworzony przez colorscheme

Kody kolorów w palecie

SaaS Dashboard Design Tokens kody kolorów HEX, informacje RGB w tabeli

Kolor KLĄTWA RGB Nazwa alternatywne imie
#00bfa6 #00bfa6 RGB(0, 191, 166)Metric Teal
#fdfdfd #fdfdfd RGB(253, 253, 253)KPI IvoryBrilliance
#ff6b6b #ff6b6b RGB(255, 107, 107)Chart Coral
#d3d3d3 #d3d3d3 RGB(211, 211, 211)Insight SmokePinball
#7f00ff #7f00ff RGB(127, 0, 255)Data VioletViolent Violet
#2e2e2e #2e2e2e RGB(46, 46, 46)Sidebar InkCarbon Fiber

Kontrast palety kolorów

4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu Kolor tła Współczynnik kontrastu
#00bfa6
#ff6b6b
1.18
#00bfa6
#d3d3d3
1.55
#fdfdfd
#d3d3d3
1.47
#ff6b6b
#d3d3d3
1.85

Paleta obrazów SaaS Dashboard Design Tokens png

Loading...
Loading...