DevToys Web Pro iconDevToys Web ProBlogu
Tupatie ukadiriaji:
Jaribu kiendelezi cha kivinjari:

Kizalishaji cha Paleti ya Rangi

Halali

Ulinganifu wa Rangi

Two colors opposite on the color wheel

Paleti Iliyotengenezwa

#3b82f6
#3B82F6
RGB: 59, 130, 246
HSL: 217°, 91%, 60%
#f6af3c
#F6AF3C
RGB: 246, 175, 60
HSL: 37°, 91%, 60%

Hakikisho la Paleti

Hamisha Paleti

:root {
  --color-1: #3b82f6;
  --color-2: #f6af3c;
}
Maelezo ya kiufundi

Jinsi Jenereta ya Paleti ya Rangi Inavyofanya Kazi

Zana Hii Hufanya Nini

Jenereta ya Paleti ya Rangi huunda mipangilio ya rangi inayopatana kutoka kwa rangi yoyote ya msingi kwa kutumia kanuni zilizothibitishwa za nadharia ya rangi. Chagua rangi ya msingi na uchague kati ya aina sita za ulinganifu — zinazokamilishana, zinazofanana, triadiki, tetradiki, zinazogawanya-kamilisho, au rangi moja — ili kutengeneza paleti iliyoratibiwa papo hapo. Kila rangi inayozalishwa huonyesha thamani za HEX, RGB na HSL tayari kunakili kwenye CSS yako, zana ya usanifu, au mwongozo wa mitindo.

Matumizi ya Kawaida kwa Wasanidi

Wabunifu na wasanidi hutumia jenereta za paleti wanapoanza miradi mipya, kuunda mifumo ya usanifu, au kusasisha rangi za chapa. Matukio ya kawaida ni pamoja na kuzalisha rangi za lafudhi zinazokamilishana kwa rangi kuu ya chapa, kuunda mipangilio ya rangi zinazofanana kwa uwasilishaji wa data, kujenga paleti za triadiki kwa mandhari ya UI yenye uhai, na kuchunguza tofauti za rangi moja kwa miundo ya minimal. Zana hii pia ni muhimu kwa kuzalisha seti za CSS custom properties na tokeni za rangi za JSON kwa mifumo ya usanifu.

Aina za Ulinganifu wa Rangi

Ulinganifu wa rangi hutegemea gurudumu la rangi. Rangi zinazokamilishana hukaa kinyume cha kila nyingine (180°) na huunda utofauti mkubwa. Rangi zinazofanana ziko karibu (±30°) na huhisi zenye mshikamano. Rangi za triadiki zimetawanywa kwa usawa kwa vipindi vya 120° kwa uhai uliosawazika. Tetradiki (mstatili) hutumia rangi nne kwa vipindi vya 90°. Zilizogawanya-kamilisho huoanisha rangi ya msingi na rangi mbili zilizo karibu na rangi yake inayokamilisha. Rangi moja hubadilisha mwangaza na usaturishaji wa hue moja ili kupata paleti tulivu na zilizoungana.

Mitego ya Kawaida na Matukio ya Pembeni

Paleti zinazozalishwa ni sehemu za kuanzia, si miundo ya mwisho. Daima kagua uwiano wa utofautishaji kati ya rangi zinazozalishwa ili kuhakikisha ufikivu. Rangi za msingi zenye usaturishaji mkubwa sana au zenye giza sana zinaweza kutoa paleti zenye usomaji duni. Kumbuka kuwa rangi za skrini huonekana tofauti zinapochapishwa. Jaribu paleti dhidi ya maudhui halisi na vipengele vya UI badala ya kutegemea tu hakikisho la swatch.

Wakati wa Kutumia Zana Hii dhidi ya Msimbo

Tumia zana hii ya kivinjari kwa uchunguzi wa mwingiliano na uzalishaji wa haraka wa paleti wakati wa design sprints. Kwa mifumo ya usanifu ya uzalishaji, tekeleza uzalishaji wa paleti kwa programu kwa kutumia maktaba kama chroma.js, culori, au polished zinazoweza kuzalisha ulinganifu, kulazimisha uwiano wa utofautishaji, na kuunganisha na build pipelines.