Krāsu harmoniju ģenerators

Kā darbojas krāsu harmoniju ģenerators

Ko rīks dara

Krāsu harmoniju ģenerators aprēķina matemātiski saistītus krāsu komplektus no viena pamattoņa: komplementāro, analogo, triādisko, tetrādisko, kvadrātisko, dalīti komplementāro, monohromatisko un ēnojumus. Katra palete tiek attēlota ar HEX, RGB un HSL vērtībām, kuras varat nokopēt ar vienu klikšķi un izmantot tieši CSS vai dizaina tokenos.

Biežākie izstrādātāju lietošanas gadījumi

Dizaineri prototipē zīmola paletes, pētot, kā zīmola tonis mainās dažādu harmoniju noteikumu ietekmē. Frontend izstrādātāji no primārās zīmola krāsas iegūst akcentkrāsas pogām, brīdinājumiem un nozīmītēm. Datu vizualizācijas inženieri izvēlas kategoriskas krāsu kopas, kas izskatās apzinātas, bet joprojām ir atšķiramas. Produktu vadītāji salīdzina paletes variantus, pārskatot dizaina priekšlikumus, bez nepieciešamības pēc specializētiem dizaina rīkiem.

Datu formāti, tipi vai varianti

Pieejamas astoņas shēmas: komplementārā (bāze + 180°), analogā (bāze ± 30°), triādiskā (3 krāsas ar 120° atstarpi), tetrādiskā (taisnstūrveida 4 krāsu), kvadrātiskā (4 krāsas ar 90° atstarpi), dalīti komplementārā (bāze + ±150°), monohromatiskā (tas pats tonis ar dažādu gaišumu 10–90%) un ēnojumi (tas pats tonis, no tumša līdz gaišam). Katra krāsa ietver tās HEX, RGB un HSL attēlojumus, kā arī lomas marķējumu.

Biežākās kļūdas un robežgadījumi

Harmonijas, kas iegūtas no ļoti maz piesātinātām vai gandrīz pelēktoņu pamatkrāsām, dažādās shēmās izskatās neatšķiramas — sāciet ar piesātinātu bāzi. Ļoti piesātinātas bāzes kombinācijā ar triādiskām vai tetrādiskām shēmām var radīt skaļas, grūti sabalansējamas paletes; apsveriet piesātinājuma samazināšanu UI vajadzībām. Daži harmonijās iegūtie pāri neatbilst WCAG kontrastam — pirms publicēšanas vienmēr pārbaudiet teksta/fona pārus Krāsu kontrasta rīkā.

Kad izmantot šo rīku, nevis kodu

Izmantojiet pārlūka rīku ideju ģenerēšanai, ātrai izpētei un dizaina pārskatīšanai. Kodā bibliotēkas, piemēram, chroma.js, colord vai culori, ļauj programmatiski aprēķināt harmonijas, integrēt tās dizaina tokenu būvēšanas plūsmās un apvienot harmoniju matemātiku ar uztverei vienmērīgām krāsu telpām, piemēram, Oklch, lai iegūtu vienmērīgāk izskatīgas paletes.