Przykład · Altavia Kamikaze + K2

Od koloru marki do kolorów danych

Jasne tło
Kolor marki · słupki i pola#20F18BOKLCH 0,84 · 0,21 · 154°Kontrast z bielą 1,5:1 · oryginał z krawędzią 1 px
Linie i punkty#00AB5FOKLCH 0,65 · 0,16 · 154°Kontrast z bielą 3,0:1 · zmieniona tylko jasność
Nasz kobalt#4D6BFEOKLCH 0,59 · 0,22 · 270°Kontrast z bielą 4,3:1
Ciemne tło
Kolor marki · bez zmian#20F18BOKLCH 0,84 · 0,21 · 154°Kontrast z czernią 14,0:1 · linie, punkty i pola
Nasz kobalt#4D6BFEOKLCH 0,59 · 0,22 · 270°Kontrast z czernią 4,8:1

Kolor partnera jest tu wyraźniejszy od kobaltu. Hierarchię trzymają grubość linii (kobalt 2,75 px, partner 2 px) i podpis.

  1. Bierzemy kolor marki z księgi znaku partnera.
  2. Sprawdzamy kontrast z tłem. Od 3:1 kolor zostaje bez zmian.
  3. Poniżej 3:1 zmieniamy w OKLCH tylko jasność, dokładnie do 3:1. Odcień (tu 154°) i nasycenie zostają.
  4. Słupki i pola mogą zostać w oryginale, z krawędzią 1 px w wariancie z kroku 3.
  5. Robimy test rozróżnialności (obok) i zapisujemy warianty w karcie partnera.

Kolor #20F18B odczytany ze zrzutu od Altavia Kamikaze + K2. Przed publikacją trzeba potwierdzić wartość HEX w księdze marki.