Kā ģenerēt krāsu paleti no vienas zīmola krāsas?

Ievadiet heksadecimālo kodu, krāsas nosaukumu, piemēram, teal, vai rgb() vai hsl() vērtību laukā Pamatkrāsa un nospiediet Enter. Pēc tam izvēlieties veidu, piemēram, Zīmola palete, Papildinošas, Triadisks vai Monohromatisks, un noklikšķiniet uz parauga, lai to kopētu.

Kādus eksporta formātus atbalsta palešu ģenerators?

Krāsas varat kopēt kā hex, rgb, hsl vai oklch, kā arī eksportēt CSS, SCSS, JSON, Tailwind 50-950 skalu, PNG, SVG, GIMP/Krita GPL, Adobe ASE vai Photoshop ACO failus. Tas, kuras opcijas redzat, ir atkarīgs no eksporta vadīklām.

Kā pārbaudīt, vai manas paletes krāsas ir salasāmas uz balta vai melna fona?

Katrai krāsai tiek rādītas Uz balta un Uz melna zīmes ar WCAG līmeņiem: AAA, AA, AA lielam tekstam vai Neatbilst. Sadaļa Teksta un fona pārbaude arī ļauj izvēlēties teksta krāsu un fonu, lai pārbaudītu konkrētu pāri.

Kā paturēt dažas krāsas un pārjaukt pārējās?

Noklikšķiniet Fiksēt šo krāsu uz paraugiem, kurus vēlaties paturēt, pēc tam nospiediet Sajaukt. Fiksētās krāsas paliek, bet pārējās mainās. Varat arī izmantot Labot šo krāsu, lai mainītu vienu paraugu, kas atzīmē paleti kā rediģētu.

Vai varu kopīgot savu paleti vai izvēlēties krāsu no ekrāna?

„Kopīgot rezultātu” izveido saiti, kas satur pamatkrāsu, veidu un visus labojumus, tāpēc ikviens, kas to atver, redz to pašu paleti. Tālrunī atveras kopīgošanas lapa, datorā saite tiek nokopēta. „Izvēlēties no ekrāna” izmanto pārlūka rīku EyeDropper, kas pieejams tikai pārlūkos, kuri to atbalsta, galvenokārt uz Chromium balstītos.

Vai tas tiešām ir bezmaksas?

Jā. Katrs rīks ir bezmaksas, bez konta un kredītkartes. Darbs notiek jūsu ierīcē, nevis mūsu serveros, tāpēc tas ir bezmaksas.

Vai tas darbojas mobilajā ierīcē?

Jā. Tas darbojas mūsdienu mobilajos pārlūkos iOS un Android ierīcēs, nekas nav jāinstalē.

🎨

Krāsu paletes ģenerētājs bez maksas

Ģenerē papildinošas, analoģiskas, triadiskas un monohromatiskas krāsu paletes no jebkuras pamatkrāsas. Kopē hex kodus ar vienu klikšķi.

Darbojas pārlūkprogrammāBez reģistrācijas, bez uznirstošiem logiemNav nepieciešama pieteikšanāsBezmaksas uz visiem laikiem

Darbojas bezsaistē pēc ielādes

Pamatkrāsa

Ierakstiet hex kodu, krāsas nosaukumu, piemēram, teal vai tomato, vai rgb(20, 184, 166) / hsl(174, 80%, 40%), un nospiediet Enter.

Zīmola palete · 7 krāsas

Kopēšanas formāts

Eksportēt:Hex apzīmējumi PNG/SVG failā

Pamata

Uz balta 2,5Neatbilst

Uz melna 8,4AAA

Akcents

Uz balta 2,9Neatbilst

Uz melna 7,2AAA

Gaišs tonis

Uz balta 1,1Neatbilst

Uz melna 19,4AAA

Tumšs tonis

Uz balta 9,0AAA

Uz melna 2,3Neatbilst

Neitrāla gaiša

Uz balta 1,1Neatbilst

Uz melna 19,3AAA

Neitrāla vidēja

Uz balta 4,1AA lielam tekstam

Uz melna 5,1AA

Neitrāla tumša

Uz balta 16,1AAA

Uz melna 1,3Neatbilst

Teksta un fona pārbaude

Teksta krāsaFons

Liela virsraksta paraugs

Pamatteksta paraugs šim krāsu pārim

8,44:1Parasts teksts AAALiels teksts AAA

Izmēģiniet šos

Vēlaties krāsas no foto? Izmantojiet attēla krāsu izvilcēju

Biežākie lietojumi

Ģenerēt Krāsu Palete Tīmekļa DizainamIzveidojiet harmoniskas krāsu shēmas tīmekļa vietnēm, tīmekļa lietojumprogrammām un UI komponentiem.
Izveidot Zīmola Krāsu PaleteIzstrādāt pilnu zīmola krāsu sistēmu no viena zīmola krāsas — primārā, sekundārā, uzsvars un neitrālas.
Ģenerēt Krāsu Palete Māksliniecībai un IlustrācijaiIzveidojiet harmoniskas krāsu kombinācijas digitālajam mākslas, ilustrācijai un radošiem projektiem.
Ģenerēt Krāsu Stilus FigmaiIzveidojiet krāsu palete, lai izmantotu kā Figma krāsu stilus un noformējuma žetona pamatnes.
Izveidot Krāsu Palete Tumšajam RežīmamĢenerējiet gaismas un tumšas jūsu krāsu palete variācijas tumšā režīma atbalsta veidošanai.

Kā tas darbojas

Rīks ir veidots bez ārējām bibliotēkām — visa krāsu matemātika notiek pašrakstītā JavaScript tieši jūsu pārlūkprogrammā. Tas konvertē izvēlēto krāsu starp heksadecimālo un HSL, tad pielieto klasiskās krāsu teorijas harmonijas likumus (komplementāro, triādisko, analogo utt.) caur aritmētiku uz toņu riteņa, lai radītu katru paleti.

1
Heksadecimālā-uz-HSL konvertēšana
Kad izvēlaties krāsu, rīks parsē heksadecimālo virkni RGB komponentos un konvertē tos uz HSL (tonis, piesātinājums, gaišums). Tonis ir 0–360 grādu pozīcija uz krāsu riteņa; visa paletes matemātika notiek šajā telpā.
2
Toņa aritmētika harmonijai
Katrs paletes tips ir fiksēta rotācijas formula, pielietota bāzes tonim. Komplementārais pievieno 180°, triādiskais pievieno 120° un 240°, tetrādiskais soļo pa 90°, sadalītais-komplementārais izmanto 150° un 210°. Monohromatiskais un toņi tur toni un piesātinājumu nemainīgu, soļojot gaišumu augšup un lejup.
3
HSL-uz-heksadecimālā izvade
Katrs aprēķinātais HSL trīskāršis tiek konvertēts atpakaļ uz heksadecimālo krāsu, izmantojot standarta hromas formulu. Rezultāti tiek attēloti kā krāsu josla ar automātiski kontrastētiem apzīmējumiem (tumšs teksts uz gaišiem paraugiem, gaišs teksts uz tumšiem), noteikts ar vienkāršu gaišuma slieksni.
4
Eksports jūsu vēlamajā formātā
Paleti var kopēt kā heksadecimālas virknes vai eksportēt kā CSS mainīgo failu (:root { --color-1: … }), SCSS mainīgos, Tailwind konfigurācijas fragmentu, JSON objektu vai PNG krāsu joslu. PNG eksports izmanto pārlūkprogrammas Canvas API (toDataURL), lai uzzīmētu katru paraugu ar tā heksadecimālo apzīmējumu — viss tiek ģenerēts lokāli, noklikšķinot.