← Rudi kwenye Vipengele
Free

Paleti ya Rangi

Paleti ya Rangi inakagua kila kipengele na kutoa seti kamili ya rangi zinazotumika zilizopangwa kwa mara ngapi.

Paleti ya Rangi inakagua kila kipengele na kutoa seti kamili ya rangi zinazotumika zilizopangwa kwa mara ngapi.

Uhakiki wa Moja kwa Moja
example.com
Paleti Iliyotolewa — rangi 8 Hamisha Zote
#7c3aed
matumizi 42
#0f0f1a
matumizi 38
#e8e8f0
matumizi 31
#4ade80
matumizi 14
#1a1a2e
matumizi 28
#ef4444
matumizi 6
#f59e0b
matumizi 5
#3b82f6
matumizi 4
Vipengele Muhimu

Utoaji wa Kurasa Nzima wa Kiotomatiki

Inakagua kila kipengele kinachoonekana kwenye ukurasa na kutoa rangi kutoka kwa sifa zilizokokotolewa: color, background-color, border-color, box-shadow color, outline-color, na text-decoration-color. Kila rangi inayotumika kwenye ukurasa inanaswa.

Sampuli Zilizopangwa kwa Marudio

Rangi zimepangwa kwa idadi ya matumizi — rangi inayotumika zaidi inaonekana kwanza. Rangi kuu za chapa na asili hupanda juu, huku rangi za msisitizo zinazotumiwa mara moja tu zikionekana mwisho. Ona mara moja rangi za msingi, za upili, na za msisitizo za ukurasa.

Sampuli za Rangi za Kuonekana

Kila rangi hutolewa kama sampuli kubwa inayoonekana ikiwa na msimbo wake wa HEX na idadi ya matumizi iliyoonyeshwa hapa chini. Sampuli ni kubwa vya kutosha kutofautisha tofauti ndogo za vivuli (kama #333 vs #2a2a2a).

Copy kwa Mbofyo Mmoja

Bofya sampuli yoyote ya rangi ili kunakili thamani yake ya HEX kwenye clipboard yako papo hapo. Hakuna haja ya kufungua jopo la rangi au mazungumzo ya upili — mbofyo mmoja, imekopiwa, imekwisha.

Hamisha Paleti Kamili

Bofya "Export All" ili kunakili paleti nzima kama orodha iliyopangwa ya misimbo ya rangi ya HEX. Bandika kwenye zana ya usanifu, faili ya vigezo vya CSS, au rangi za hati. Orodha inahifadhi mpangilio wa marudio ya matumizi.

Zilizounganishwa & Kawaida

Rangi zimewekwa katika hali ya kawaida (mawasilisho ya rgb na hex ya rangi moja yanaunganishwa) na nakala zimeondolewa. Paleti inaonyesha rangi za kipekee pekee, ikiwa na idadi ya matumizi iliyojumuishwa kwa mawasilisho yanayofanana.

Matumizi ya Kawaida

Utafiti wa Usanifu & Msukumo

Tembelea tovuti zenye mipango mizuri ya rangi na utoe paleti zao sahihi. Tumia rangi those kama hatua ya kuanzia kwa muundo wako mwenewe — au andika tu mchanganyiko gani wa rangi unafanya kazi vizuri pamoja.

Ukaguzi wa Uthabiti wa Rangi ya Chapa

Washa Paleti ya Rangi kwenye tovuti yako mwenyewe ili kuthibitisha uthabiti wa rangi ya chapa. Je, kuna rangi 4 za bluu zinazotofautiana kidogo ambapo inapaswa kuwa 1? Je, rangi zisizo za chapa zinaingia? Mpangilio wa marudio unafanya kutofautiana kuwe wazi.

Kuunda CSS Custom Properties

Hamisha paleti na uibadilishe kuwa CSS custom properties (--color-primary, --color-secondary, n.k.). Toleo lililopangwa kwa marudio linakuambia ni rangi gani zinazostahili majukumu ya msingi, upili, na msisitizo.

Uchambuzi wa Rangi wa Washindani

Toa paleti za rangi kutoka kwa tovuti za washindani ili kuelewa nafasi ya chapa zao. Rangi za joto dhidi ya baridi, tofauti kubwa dhidi ya tulivu — paleti inafunua chaguzi za usanifu zilizokusudiwa.

Mapitio ya Rangi ya Ufikiaji

Ona rangi zote za maandishi kando ya rangi za asili. Je, kuna mchanganyiko wowote wa maandishi-asili wenye tofauti ndogo sana? Paleti inakupa seti kamili ya rangi za kukagua dhidi ya mahitaji ya utofautishaji wa WCAG.

Jinsi ya Kutumia
1

Washa Paleti ya Rangi

Fungua kizimbani kinachoelea cha DevSuite Pro na ubofye ikoni ya Color Palette. Chombo kinakagua kila kipengele kwenye ukurasa na kutoa thamani zote za rangi.

2

Vinjari Rangi Zilizotolewa

Gridi ya sampuli za rangi inaonekana, iliyopangwa kwa marudio ya matumizi. Rangi zinazotumiwa zaidi ziko juu. Kila sampuli inaonyesha msimbo wa HEX na idadi ya vipengele vinavyotumia rangi hiyo.

3

Bofya ili Kunakili Rangi Moja

Bofya sampuli yoyote ili kunakili thamani yake ya HEX kwenye clipboard yako. Uthibitisho mfupi unaonekana.

4

Hamisha Paleti Kamili

Bofya "Export All" ili kunakili kila rangi kama orodha iliyopangwa. Bandika kwenye faili yako ya vigezo vya CSS, zana ya usanifu, au hati.

5

Linganisha Kati ya Kurasa

Nenda kwenye kurasa tofauti kwenye tovuti hiyo hiyo na utoe paleti ili kuthibitisha uthabiti wa rangi kwenye tovuti nzima.

Uko Tayari Kujaribu?

Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.

Ongeza kwenye Chrome Ongeza kwa Edge Ongeza kwenye FireFox