Minēt, kuras krāsas sader kopā, tikai tērē dizaina laiku. Šis ģenerators izmanto klasiskās krāsu riteņa harmonijas - tās pašas nokrāsu attiecības, ko māca krāsu teorijā -, tāpēc katra palete ir matemātiski saskaņota, nevis noteikta pēc acumēra. Noklikšķiniet uz jebkura krāsu parauga, lai kopētu tā hex kodu, vai kopējiet visu paleti kā gatavas ielīmēšanai CSS custom properties. Viss darbojas tikai pārlūkprogrammā: bez konta, bez augšupielādes, bez jūsu zīmola krāsu izsekošanas.
Bezmaksas Krāsu Paletes Ģenerators
Darbojas tikai tavā pārlūkā - bez augšupielādes un reģistrācijas.
Harmonija
CSS mainīgie
Kas ir krāsu paletes ģenerators?
Krāsu paletes ģenerators no vienas pamatkrāsas izveido saskanīgu krāsu shēmu, izmantojot krāsu riteņa teoriju. Izvēlieties vai ierakstiet hex krāsu, izvēlieties harmoniju, piemēram, papildinošu, analogu, triādisku vai monohromu, un tas uzreiz aprēķina saskaņotās krāsas - katru ar kopējamu hex kodu. Viss notiek jūsu pārlūkprogrammā.
Kā lietot
- 1Iestatiet pamatkrāsu. Noklikšķiniet uz krāsu lauka, lai izvēlētos vizuāli, ierakstiet hex kodu, piemēram, #6366f1, vai nospiediet Nejauša, lai iegūtu jaunu sākumpunktu.
- 2Izvēlieties harmoniju. Pārslēdzieties starp papildinošu, daļēji papildinošu, analogu, triādisku, tetrādisku, monohromu, tumšākiem un gaišākiem toņiem. Palete uzreiz tiek pārrēķināta.
- 3Kopējiet krāsas. Noklikšķiniet uz jebkura krāsu parauga, lai kopētu tā hex kodu, vai izmantojiet pogu Kopēt, lai iegūtu visu paleti kā CSS mainīgos.
Kam noder
- Tīmekļa dizaineriem, kas sāk vietni no vienas zīmola krāsas: veido analogas vai daļēji papildinošas krāsas foniem, pogām un akcentiem.
- Front-end izstrādātājiem, kuriem nepieciešams design token sākumpunkts: kopē paleti kā CSS mainīgos un ievieto tieši stila failā.
- Mārketinga speciālistiem un prezentāciju veidotājiem, kas saskaņo diagrammas, sociālo tīklu grafiku vai prezentācijas ar logotipa krāsu bez dizaina rīka.
- Ilustratoriem un hobija cienītājiem, kas pēta vienas nokrāsas tumšākus un gaišākus variantus, lai darbā izveidotu dziļumu, izgaismojumus un ēnas.
Biežāk uzdotie jautājumi
Vai šis krāsu paletes ģenerators ir bezmaksas?
Jā - 100% bezmaksas, bez reģistrācijas, bez ūdenszīmēm un bez ierobežojumiem. Veidojiet un kopējiet tik daudz palešu, cik vēlaties, gan personiskiem, gan komerciāliem projektiem.
Vai mani krāsu dati tiek kaut kur augšupielādēti?
Nē. Palete tiek pilnībā aprēķināta jūsu pārlūkprogrammā ar parastu JavaScript. Jūsu zīmola krāsas, ievades un klikšķi nekad netiek sūtīti uz kādu serveri.
Kas ir papildinošā krāsa?
Papildinošā krāsa atrodas tieši pretī jūsu pamatkrāsai krāsu ritenī - tā ir 180 grādu nokrāsas rotācija. Papildinošie pāri, piemēram, zils un oranžs, dod visspēcīgāko kontrastu, tāpēc tos bieži izmanto darbības pogām uz zīmola fona.
Kāda ir atšķirība starp analogām un triādiskām paletēm?
Analogās paletes izmanto blakus esošas nokrāsas (aptuveni 30 grādu robežās no pamatkrāsas), tāpēc tās rada mierīgu un saskanīgu iespaidu. Triādiskās paletes ņem trīs nokrāsas ar 120 grādu atstarpi, radot dzīvīgāku, līdzsvarotu shēmu ar spēcīgāku kontrastu starp krāsām.
Kas ir tumšāki un gaišāki toņi?
Tumšākie toņi padara pamatkrāsu tumšāku, samazinot tās gaišumu melnās virzienā; gaišākie toņi to padara gaišāku baltās virzienā. Abi saglabā to pašu nokrāsu un piesātinājumu, tāpēc tie ir ideāli hover stāvokļiem, apmalēm un viena zīmola krāsas fona slāņiem.
Cik krāsām jābūt vietnes palete?
Izplatīts noteikums ir 60-30-10: viena dominējošā krāsa aptuveni 60% no saskarnes, otršķirīga krāsa 30%, un akcents 10%. Sāciet ar 3-5 krāsu harmoniju šeit, tad pievienojiet katrai tumšākus un gaišākus toņus dažādiem stāvokļiem un virsmām.
Kāpēc palete gandrīz nemainās pelēkai vai melnai krāsai?
Pelēkajai, melnajai un baltajai krāsai ir nulles piesātinājums, tāpēc nav nokrāsas, ko harmoniju rotācijas varētu ietekmēt - tukšuma pagriešana atkal dod to pašu neitrālo rezultātu. Tā vietā veidojiet neitrālu kāpni, izmantojot gaišuma režīmus: gaišākus toņus melnai vai tumši pelēkai, tumšākus toņus baltai vai gaiši pelēkai, un monohromo vidēji pelēkai krāsai.