CDRN

Generovat harmonickou paletu barev

  • Dashboard
  • Dokumentace
  • API
Generuje harmonické palety barev podle požadovaného počtu barev a zvoleného pravidla, jako jsou komplementární, analogické, triadické barvy atd.

Jak používat nástroj pro generování palety barev?

Specifikujte požadovaný počet barev a pravidlo barev ve formuláři. Můžete použít vygenerované palety ve svých projektech podle příkladu.

První parametr definuje hlavní barvu.

Druhý parametr definuje počet barev. Pozor, podle zvoleného pravidla nemusí být volba množství zohledněna.

Třetí parametr definuje pravidlo barev k použití (komplementární, analogické, triadické, atd.).

Příklady palet

Monochromatická paleta

<div class="p-4" style="background-color: #ff5733;"></div>
<div class="p-4" style="background-color: #ffab99;"></div>
<div class="p-4" style="background-color: #ffffff;"></div>

Analogická paleta

<div class="p-4" style="background-color: #ff5733;"></div>
<div class="p-4" style="background-color: #ffbb32;"></div>
<div class="p-4" style="background-color: #dcff32;"></div>

Triadická paleta

<div class="p-4" style="background-color: #ff5733;"></div>
<div class="p-4" style="background-color: #32ff54;"></div>
<div class="p-4" style="background-color: #5432ff;"></div>

Často kladené otázky

Které pravidlo palety zvolit pro grafickou identitu?

Monochromatická paleta dává klidný a profesionální rendering, ideální pro korporátní nebo editoriální stránky. Analogické nabízejí jemnou, přirozenou variaci, užitečnou pro zelené nebo oceánské atmosféry. Pravidlo komplementární nebo triadické přináší silný kontrast, ideální pro CTA a e-commerce stránky, které chtějí upoutat pozornost.

Proč není požadovaný počet barev vždy respektován?

Některá pravidla vnucují pevný počet barev. Komplementární paleta vždy vrací 2 barvy (odstín a jeho opačný na barevném kruhu), triadická paleta jich vrací 3, tetradická 4. Parametr množství je respektován pouze pro pravidla monochromatická a analogická.

Probíhá výpočet v HSL nebo RGB?

Generování se opírá o HSL prostor, přirozenější pro manipulaci s odstínem (rotace na barevném kruhu) a jasem. Vrácené barvy jsou pak konvertovány na HEX formát pro přímou integraci v CSS. Pokud potřebujete RGB formát, použijte převodník barev na každý vygenerovaný kód.

Jak sladit vygenerovanou paletu s existujícím obrázkem?

Začněte extrakcí dominantní barvy vašeho obrázku přes extraktor palety, vezměte hlavní odstín jako referenční barvu, pak ji vložte do generátoru s analogickým nebo triadickým pravidlem. Získáte tak barvy konzistentní s vaším vizuálem pro oblečení zbytku stránky.

Jsou vygenerované palety přístupné podle WCAG norem?

Generátor neověřuje poměry kontrastu. Barva se stane přístupnou až ve vztahu s jinou barvou pozadí. Pro validaci dvojice text/pozadí exportujte HEX kódy a použijte ověřovač kontrastu, který počítá poměr podle požadavků WCAG (4.5:1 pro běžný text v AA, 7:1 v AAA).

Lze paletu exportovat v konkrétním formátu?

Paleta je vrácena v HEX kódech, připravená k vložení do CSS souboru, do souboru SASS proměnných, do Tailwind tématu nebo do systému design tokenů. Pro získání RGB nebo HSL ekvivalentů projděte každý kód v převodníku barev.

Ukázka požadavku

curl -X POST https://cdrn.fr/api/v1/tools/color-generator/execute \
  -H "Content-Type: application/json" \
  -d '{"color_base":"...","quantity":1,"rules":"complementary"}'

Vstupní schéma

Pole Typ Povinné Výchozí
color_base string ✓ –
quantity integer ✓ –
rules choice (complementary, analogous, triadic, tetradic, monochromatic, shade, split_complementary) ✓ –

Koncové body

  • GET https://cdrn.fr/api/v1/tools - vypíše všechny dostupné nástroje
  • GET https://cdrn.fr/api/v1/tools/color-generator - získá schéma tohoto nástroje
  • POST https://cdrn.fr/api/v1/tools/color-generator/execute - spustí tento nástroj s JSON payloadem