Kizalishi cha Vivuli vya Rangi

Zana zote

Zalisha safu kamili ya tints na vivuli kutoka rangi moja — chagua hatua ya kutiua/kuangaza na idadi ya vivuli, kisha nakili thamani yoyote papo hapo.

Rangi ya msingi
Hatua
%
Kiasi ambacho kila kivuli kinangaza/kinaotiwa, kwa kila hatua (1–25%).
Idadi ya vivuli
Idadi ya tints na vivuli vya kuzalisha kwa kila upande wa rangi ya msingi.
Gradient
Vivuli vilivyozalishwa

Chagua rangi ya msingi, asilimia ya hatua na idadi — kila tint na kivuli vinakokotolewa papo hapo kwenye kivinjari chako.

Kuhusu Kizalishi cha Vivuli vya Rangi

Kitengeneza Vivuli vya Rangi (Color Shades Generator) hupanua rangi moja kuwa mfululizo kamili wa toni nyepesi na vivuli vizito. Ipe rangi ya msingi nayo hutengeneza toni zinazozidi kuwa nyepesi upande mmoja na vivuli vinavyozidi kuwa vizito upande mwingine — ngazi ya kawaida ya mtindo wa 50-hadi-900 inayotumika katika mifumo ya kisasa ya usanifu.

Vidhibiti viwili huunda matokeo: asilimia ya hatua huweka kila kivuli kinavyokuwa chepesi au chizito zaidi (1–25% kwa hatua), na idadi huweka toni na vivuli vingapi vinaonekana kila upande wa msingi, hadi kumi. Ukanda wa gredienti huonyesha ngazi nzima kwa mtazamo mmoja.

Utengenezaji hufanyika papo hapo kwenye kivinjari chako unapoandika — hakuna kinachotumwa kwenye seva. Nakili thamani yoyote moja, orodha nzima, au ngazi nzima kama vigezo vya CSS, tayari kuwekwa kwenye faili la alama za muundo au kipimo cha rangi cha mtindo wa Tailwind.

Jinsi ya kutumia Kizalishi cha Vivuli vya Rangi

  1. Chagua rangi ya msingi kwa kitafuta rangi au andika thamani; bofya "Random color" kwa msukumo.
  2. Weka asilimia ya hatua ili kudhibiti kila kivuli kinavyokuwa chepesi au chizito zaidi.
  3. Chagua idadi ya vivuli ili kuamua toni na vivuli vingapi vinaonekana kila upande.
  4. Bofya rangi ya mfano ili kuinakili, au tumia "Copy all" na "Copy CSS variables" kwa ngazi nzima.

Maswali yanayoulizwa mara kwa mara

Ndiyo, kabisa. Toni na vivuli vyote hukokotolewa moja kwa moja kwenye kivinjari chako, hivyo hakuna gharama, hakuna akaunti na hakuna kikomo cha ngazi ngapi unazotengeneza.

Toni ni rangi yako ya msingi ikichanganywa kuelekea nyeupe (nyepesi zaidi), wakati kivuli ni msingi ukichanganywa kuelekea nyeusi (kizito zaidi). Kitengeneza huzalisha pande zote mbili kwa wakati mmoja, zikiitwa "Tints (lighter)" na "Shades (darker)" kuzunguka rangi yako ya msingi.

Weka idadi kuwa 4 au 5 kwa kila upande ili upate rangi tisa hadi kumi na moja jumla, ukiwa na msingi wako katikati. Hatua ya karibu 8–10% kwa kawaida hutoa nafasi inayofanana na vipimo vya 50–900 vinavyotumika na mifumo maarufu.

Hatua ndogo (3–6%) hutoa tofauti nyepesi za kuweka mshale na mipaka; hatua za kati (8–12%) zinafaa ngazi kamili za mfumo wa usanifu; hatua kubwa (15–25%) huunda seti zenye mng'aro mkali, kama za bango. Angalia muonekano wa gredienti — ngazi nzuri inapaswa kutia giza sawasawa bila mikanda.

Ndiyo. "Copy CSS variables" hutoa ngazi nzima kama vigezo maalum vya CSS vyenye majina, na "Copy all" hukupa orodha wazi ya thamani unazoweza kubandika popote, kuanzia ramani za SCSS hadi vitu vya mandhari ya JavaScript.
Shiriki hii
Zana Zinazohusiana
Kizalishi cha Rangi za Rangi Jenga rangi zenye usawa kutoka kwenye gurudumu la rangi linalowingiliana — tumia sheria za usawa kama analogous, complementary au triad, kisha nakili thamani yoyote papo hapo. Bila Malipo
Kichanganyaji cha Rangi Changanya rangi ya mwanzo na rangi ya mwisho katika hatua hadi 10 — onyesha gradient, chukua vivuli vyote na nakili muundo wowote papo hapo. Bila Malipo
Kisafirishaji cha Rangi Bandika au ingiza seti ya rangi na uzisafirisha papo hapo kwa CSS variables, SCSS, Tailwind config, JSON au SVG swatches — hatua ya mwisho kwa rangi yoyote. Bila Malipo
Kichomaji cha Rangi za Picha Vuta rangi zilizosafishwa, tayari kunakiliwa kutoka picha yoyote. Bila Malipo
Paji la Rangi Salama za Wavuti Vinjari rangi 216 za kawaida salama za wavuti kama gridi ya sampuli zinazoweza kubofywa — panga kwa rangi au mpangilio wa mchemraba, chuja kwa hex, na nakili thamani yoyote ya HEX au rgb() papo hapo. Bila Malipo
Oraza la Ulinganishaji wa Fonti na Google Fonts Vinjari oraza lililoratibiwa la fonti maarufu za Google Fonts ukitumia maonyesho ya moja kwa moja, chuja kwa kategoria na tafuta kwa jina, kisha nakili CSS tayari kubandika na gundua mapendekezo ya ulinganishaji wa fonti — yote ndani ya kivinjari chako. Bila Malipo
Utafutaji maarufu
jenereta ya vivuli vya rangi mwangaza na vivuli angaza na tia giza rangi vivuli vya rangi jenereta ya kivuli cha rangi tengeneza vivuli vya rangi
Unahitaji msaada?
Umepata tatizo na zana hii? Tujulishe timu yetu.
Ripoti tatizo

Ongeza zana hii ya bure kwenye tovuti yako mwenyewe — nakili na ubandike msimbo ulio hapa chini.