NYXIUM COLOR STUDIO

Dej nápadům barvu.

Od prvního odstínu po paletu připravenou pro tvůj projekt.

Pracovní prostor

Tvoje výchozí barva

Vyber odstín nebo vlož jeho kód.

Klikni pro výběr barvy
#FF1A6E

Světlé a tmavé odstíny

Vyber odstín kliknutím

Naposledy použité

Jak bude vypadat v rozhraní?

Živý náhled akcentu na světlém i tmavém pozadí.

TVŮJ PROJEKT

Malý nápad. Velký začátek.

Takhle působí vybraná barva na tlačítku, značce a odkazu.

Prohlédnout projekt ↗
Začít tvořit →

Paleta, která drží pohromadě

Zamkni oblíbené barvy a ostatní vygeneruj znovu.

Harmonie vychází z barvy v první záložce.

Mezerník vygeneruje další paletu. Kliknutím na vzorek zkopíruješ HEX.

Doladit jednotlivé barvy

Najdi správné kombinace

Šest barevných vztahů pro vybraný odstín.

#00C8FF

Plynulý přechod, přesně podle tebe

Začni hotovou kombinací a dolaď každý barevný bod.

Barvy, které se dají přečíst

Zkontroluj kontrast textu vůči pozadí podle WCAG 2.2.

Dobře čitelný text začíná barvou.

Menší text musí být stejně snadno čitelný jako velký nadpis. Ověř obě velikosti ještě před použitím.

10.46:1Kontrastní poměr

Výpočet platí pro neprůhledné barvy. Velký text: alespoň 24 px, nebo 18,67 px tučně. Pravidla WCAG ↗

Inspirace z tvého obrázku

Získej paletu z fotografie nebo kliknutím vyber konkrétní pixel.

Sdílet nastavení

Odkaz obsahuje aktuální barvu, paletu a přechod. Knihovna ani obrázek se nesdílí.