Mara nyingi sana, unapofanya kazi na tovuti na picha, unahitaji kuamua rangi hatua yoyote kwenye skrini yako ya kufuatilia.

Kwa mfano, unataka kufanya rangi ya mandharinyuma kwenye tovuti yako iwe sawa kabisa na rangi ya anga ya buluu kwenye picha. Au fanya fonti ya kichwa iwe na rangi sawa na kijani cha bahari. Au kinyume chake, tumia rangi ya fonti kama usuli ili kuunda bango. Kwa kifupi, kuna chaguzi nyingi. Uchaguzi wa rangi kwa uangalifu unamaanisha mengi katika muundo wa wavuti na katika kazi ya msimamizi wa wavuti.

Kuamua rangi kunamaanisha kupata msimbo wake. Kisha msimbo, kulingana na malengo yako, unaweza kutumika katika wahariri mbalimbali wa picha na moja kwa moja kwenye msimbo wa html.

Mara nyingi hutumiwa, ambayo nambari inaweza kuwakilishwa katika mifumo ya decimal na hexadecimal.

Ni rahisi sana kutumia pipette kuamua rangi. Lakini, kando na mpango huu, kuna wengine ambao unaweza kufanya hivi.

Adobe Photoshop Eyedropper

Nadhani watumiaji wachache wa programu hii wanajua kuwa kuitumia unaweza kuamua rangi sio tu hatua yoyote kwenye picha iliyofunguliwa kwenye kihariri, lakini pia hatua yoyote kwenye skrini yako ya kufuatilia.

Hii inafanywa kwa urahisi sana. Fungua, unda picha ndani yake, na, bila kutoa kifungo cha kushoto cha mouse, songa mshale wa eyedropper mahali ambapo hatua uliyochagua iko. Hii inaweza kuwa hatua yoyote nje ya dirisha la programu. Unaposonga mshale, utaona jinsi rangi ya kuchora inabadilika kwenye palette ya rangi. Baada ya kuchagua hatua unayotaka, toa kitufe cha panya. Bofya kwenye kisanduku cha rangi ya kuchora kwenye palette ya rangi na uone msimbo wa rangi yako.

Njia hii ya kuamua rangi ni rahisi kwa sababu hauhitaji ufungaji wa programu yoyote ya ziada isipokuwa Photoshop, ambayo watumiaji wengi tayari wameweka.

Siku moja mwanamume mmoja alifundisha kompyuta kuamua rangi kwa msimbo. Ni rahisi - kanuni ni sawa na rangi na rangi ni sawa na kanuni. #FFFFFF = "nyeupe", "nyeusi" = #000000. Na sasa kompyuta inaonyesha rangi kwenye kufuatilia na unahitaji kujua msimbo wa rangi ili kutumia rangi sawa katika programu nyingine. Jinsi ya kujua nambari ya rangi? Ili kufanya hivyo, unahitaji "kichunguzi cha rangi ya pixel" au, kwa maneno mengine, "programu ya pipette". Programu ya ColorPic ni uamuzi wa papo hapo wa msimbo wa rangi wakati wowote kwenye skrini ya kufuatilia. Huduma inatambua rangi na inaonyesha msimbo wake katika muundo wa hexadecimal na decimal. Huduma ya ColorPic ni muhimu na itamtumikia mbuni na msanidi vizuri.

Amua rangi ya pixel

Rangi zilizoamuliwa na programu zinaweza kuhifadhiwa katika palette tofauti ya rangi 16 kwa kukariri. Mtumiaji anaweza kurudi kwenye ramani iliyokusanywa ya rangi zilizopatikana hata baada ya kuanzisha upya programu. ColorPic hunasa kipande cha skrini kuzunguka kielekezi cha kipanya na kuonyesha picha yake iliyopanuliwa kwenye dirisha lake, wakati kipengele cha kuongeza picha iliyonaswa kinaweza kubadilishwa kutoka 2 hadi 36. Baada ya uzinduzi, programu huamua rangi na msimbo wake wa uteuzi. pixel iliyoko chini ya kishale cha kipanya popote kwenye skrini. Ili kuongeza rangi kwenye paji, ColorPic hutumia mchanganyiko wa vitufe vya Ctrl+G.

Ikiwa una tovuti yako mwenyewe, basi, kwa hiari au kwa kutopenda, utakuwa na ujuzi wa zana na ujuzi wa fani mbalimbali za mtandao. Zana za mbuni zitalazimika kusomwa kwa uangalifu haswa, kwani njia ya moyo wa msomaji iko kupitia picha ya kitaalam. Picha nzuri na zilizochaguliwa vizuri kwenye tovuti yako huongeza uwezekano wa kusoma habari, hiyo ni ukweli! Ukweli kwamba picha hizi lazima ziwe za kipekee pia ni ukweli usiopingika. Ili kujifunza jinsi ya kufanya picha peke yetu, tunapaswa kujifunza maelezo mengi, na mmoja wao ni kuamua rangi ya kipengele chochote kwenye ukurasa wa mtandao. Leo tutazungumza juu ya jinsi ya kujua rangi ya asili kwenye ukurasa.

Ninajua kuwa kuna njia na zana zingine nyingi, lakini ninashiriki uzoefu wangu wa vitendo katika kuunda picha. Ikiwa wewe si mtengenezaji wa kitaaluma, basi makala hii itakuwa muhimu sana kwako katika kazi yako ya baadaye. Unaweza kutambua rangi kwenye ukurasa kwa kutumia programu-jalizi muhimu ColorZilla kwa Mozilla Firefox na vivinjari vya Google Chrome.

Tunahitaji chombo hiki lini?

- Ikiwa unatengeneza muundo wa tovuti;
- Ikiwa utaunda kitengo kipya cha utangazaji kinacholingana na palette ya rangi ya tovuti;
- Ikiwa unaunda mpango wa rangi wa mitindo ya tovuti;
- Ikiwa una shughuli nyingi za kuchora vipengele vya mradi wa kawaida;
- Ikiwa utaunda picha yoyote;
— Katika hali nyingine zote unapohitaji kubainisha rangi ya pikseli bila kutumia programu kubwa na zinazotumia rasilimali nyingi kama vile PhotoShop au ColorDraw.

Jinsi ya kutumia ColorZilla?

Kila kitu ni rahisi sana! Nenda kwenye tovuti, bofya kwenye ikoni ya kushoto na uchague kichupo unachohitaji zaidi:

- Mozilla Firefox (chombo cha kivinjari);
- Google Chrome (chombo cha kivinjari);
- Jenereta ya Gradient (chombo cha mtandaoni).

Pakua programu-jalizi ya kivinjari inayohitajika, na baada ya usakinishaji, ikoni ya upanuzi itakuwa kwenye paneli yako ya kivinjari kila wakati. Usisahau kuamilisha programu-jalizi, bonyeza tu kwenye ikoni.

Jinsi ya kutumia kiendelezi cha ColorZilla

Nitaandika kwa maneno rahisi kuhusu jinsi ninavyofanya kazi na ugani huu. Wakati wa kuunda au kuhariri picha katika mhariri wa Canva, ambayo unaweza kusoma zaidi ikiwa unafuata kiungo hiki, inaweza kuwa muhimu kuongeza mandharinyuma ambayo ni sawa na picha ya awali. Katika picha unaweza kuona kwamba upande wa kulia kuna sehemu ya mandharinyuma nyeupe ambayo inaweza kupakwa rangi ili kuendana na rangi ya mandharinyuma ya picha. Bila ugani kama huo, ni shida sana kufanya hivyo, labda kwa kutumia njia ya uteuzi, ambayo haitatoa utambulisho wa 100%. Kwa kubofya kidirisha cha macho kwenye kiendelezi, na kisha kubofya kushoto kwenye pikseli yoyote kwenye picha, kidokezo kikubwa cha zana huonekana juu ambacho hunipa msimbo wa rangi katika hexadecimal na RGB.

Ili kufanya kazi na kihariri cha Canva, ninahitaji tu umbizo la hexadecimal. Ninakili, na kisha katika mhariri wa Canva ninaingiza thamani ya rangi hii, na nimefurahiya sana matokeo. Kwa hivyo, katika harakati chache tu naweza kuchagua rangi inayofanana, na hivyo kuongeza upekee kwa picha ya asili kwa kubadilisha saizi yake.

Ninapendekeza uketi kidogo na ujue na zana zote kwenye kiendelezi hiki ambazo ziko kwenye menyu. Una uhakika wa kupata michache ambayo utatumia kwa furaha fulani. Na wewe utakuwa bwana wengine baada ya muda. Unajua bora kuliko mimi kwamba katika picha unaweza kubadilisha sio tu historia, lakini pia kwamba kuna haja ya kuandika kitu. Kuchagua rangi sahihi ya fonti pia si rahisi kama inavyoonekana mwanzoni. Unaweza kupendelea palette au jenereta ya gradient badala ya eyedropper. Nina hakika ya jambo moja: kwa ColorZilla, masuala yote yanaweza kutatuliwa haraka sana.

Kama kawaida, ni bora kuona mara moja kuliko kusoma mara mia! Kwa hiyo, napendekeza kutazama video ambayo utajifunza jinsi ya kufunga ugani wa ColirZilla na kuitumia katika kazi yako. Nakutakia utazamaji mzuri na picha nzuri za kipekee!

Hakika wabunifu wa wavuti na wasanii wa picha wamekutana na rangi au picha tofauti mtandaoni ambazo wangependa kutumia katika miradi yao wenyewe. Haiwezekani kukumbuka kila tofauti ya rangi, na chombo cha eyedropper kimeundwa kuwasaidia na hili, ambalo zaidi ya mtengenezaji mmoja hawezi kufanya bila!

Kwa hiyo, bonyeza tu popote kwenye skrini ikiwa unataka kunakili rangi fulani kwa mahitaji yako mwenyewe, ikiwa ni pamoja na kuunda palettes na mipango ya rangi.

Katika suala hili, tunataka kuzungumza kuhusu zana 25 muhimu kwa Windows, Mac, Firefox, Chrome, iPhone na Android.

Sasa huna kukumbuka rangi: tu "kunyakua" na kuanza kazi!

Programu za Windows

Instant Eyedropper ni zana isiyolipishwa inayokusaidia kupata misimbo ya rangi ya HTML ya pikseli yoyote kwenye skrini yako. Kwa kubofya mara moja, msimbo utanakiliwa kwenye ubao wa kunakili, baada ya hapo unaweza kubandikwa kwenye eneo linalohitajika.

Zana iliyo rahisi kutumia inayoambatisha kikuza skrini kwenye kielekezi chako. Ukitumia, unaweza kupanua pikseli maalum kwenye skrini. Eye Dropper 3.01 inaonyesha thamani za rangi za RGB, CMYK na HEX.

Mbali na kupata thamani ya rangi ya pikseli yoyote kwenye skrini yako, Eyedropper hukuruhusu kupima umbali kati ya saizi. Kwa kusudi hili, unaweza kutumia zoom ili mahesabu ni sahihi sana. Thamani ya rangi huhifadhiwa kiotomatiki kwenye ubao wa kunakili. Miundo inayopatikana ni pamoja na HEX, RGB na CMYK.

Chombo hiki ni kamili kwa wachunguzi wa azimio la juu. Inajumuisha kikuza skrini ili uweze kuchunguza rangi inayokuvutia kwa undani zaidi. Palettes zinaweza kuhifadhi hadi rangi 16. Pia utakuwa na vichanganyaji 4 vya hali ya juu vya rangi ovyo, na hivyo kupanua uwezo wako kwa kiasi kikubwa. Hapa, zaidi ya hayo, kuna utendakazi mwingi uliosasishwa kama vile kuchanganya na kupanga rangi, kutazama toleo salama la kila moja ya rangi, na eneo linaloweza kukuza tena.

Quick HTML Color Picker ni zana isiyolipishwa ya kupata rangi kwenye skrini yoyote yenye uwezo wa kuhakiki kabla ya kufanya uteuzi wako wa mwisho. Rangi itawakilishwa katika umbizo la RGB na HTML na kunakiliwa kwenye ubao wa kunakili.

ColorPix huchagua rangi kwenye skrini yako na kuzionyesha katika miundo ya RGB, HEX, HSB na CMYK. Kuna kikuza skrini kilichojengewa ndani ambacho kinaruhusu utazamaji wa kina na wa kina. Thamani zinanakiliwa kiotomatiki kwenye ubao wa kunakili.

Kiteua Rangi tu sio tu kichagua rangi chako wastani - kinaonyesha rangi katika miundo ya HTML, RGB, HSB/HSV na HSL. Kiteuzi cha Rangi tu hutumia kikuza skrini cha chaguo tatu, rangi za RGB na RYB ili kuonyesha utatu na rangi zinazosaidiana, utafutaji wa rangi unaolingana, ubadilishaji wa misimbo ya rangi na zaidi!

Hiki ni kichaguzi cha rangi rahisi sana kinachowakilisha rangi katika umbizo la RGB, HEX, HTML na WinAPI. Unaweza kunakili moja au zote kwenye ubao wa kunakili. Chombo kinaweza kupunguzwa kwa paneli ya tahadhari.

Colour Cop inaweza kuwa zana ndogo, lakini inajivunia utajiri wa chaguzi zinazopatikana. Unaweza kutumia kidude cha macho kuchukua rangi popote kwenye skrini, na kutumia kikuza skrini ili kuvuta ndani. Rangi zinapatikana katika HTML hex, Delphi hex, Powerbuilder, Visual Basic, Clarion, Visual C++, RGB float na RGB int umbizo. Unaweza kuhifadhi hadi rangi saba katika historia, kupata rangi za ziada na "salama-wavuti", weka programu katika eneo la ikoni ya mwambaa wa kazi, na mengi zaidi.

ColorMania hukuruhusu kuchagua rangi popote kwenye skrini. Pia kuna kioo cha kukuza kwa uteuzi makini zaidi. Rangi zinaweza kuonyeshwa katika thamani za RGB, HSV, HSL na CMYK. Kwa kuongeza, unaweza kuhifadhi hadi rangi sita kwenye palette.

Addons kwa Firefox

PixelZoomer ni nyongeza nzuri ya "kunasa" rangi na kuzibadilisha kuwa msimbo wa HEX. Inatofautiana na zana zinazofanana kwa kuwa inawakilisha ukurasa wa wavuti kama picha ya skrini na kukuza saizi kwa kutumia kipengele kipya cha CSS.

Tofauti pekee kati ya ColorZilla na zana ya kawaida ya eyedropper ni kwamba inakaa kwenye kivinjari chako. Kwa nyongeza hii ya Firefox, watumiaji wanaweza kupata rangi ya pikseli yoyote moja kwa moja kwenye kivinjari chao. Paleti iliyojengewa ndani hukuruhusu kuchagua rangi kutoka kwa seti mahususi za rangi na uhifadhi zile zinazotumiwa mara kwa mara kwenye paji maalum.

Zana za Rangi ya Upinde wa mvua hujumuisha vipengele kama vile kisuluhishi kinachotoa picha na CSS kutoka kwa ukurasa wa sasa wa wavuti; mnyakuzi ambaye hukusanya rangi katika maadili ya RGB na HSV; programu ya kudhibiti ambayo inapata rangi ya pixel yoyote kwenye kivinjari; na hatimaye, maktaba ambayo hupanga rangi zilizohifadhiwa kwa lebo au url ya ukurasa ambapo rangi ilipatikana.

Hii ni mojawapo ya zana za juu zaidi kutoka kwa Nvu kwa Firefox. Ni rahisi sana kutumia: bonyeza tu na kupata rangi. Rangi zinawasilishwa kwa jina na katika umbizo la HEX. Kwa Rainbowpicker unaweza kubadilisha hue, kueneza na mwangaza, ambayo kwa upande inakuwezesha kuunda tofauti nyingi za rangi.

Programu za Mac

Kinachoifanya ColourMod kuwa ya kipekee ni kwamba inapatikana katika matoleo matano tofauti: Konfabulator, ColorMod V1.9, ColourMod V2.2, Isiyo na Chapa na Iliyobinafsishwa. Kila toleo limeundwa kukidhi mahitaji yako. Konfabulator ni toleo la eneo-kazi, linapatikana kwa Mac na Windows. ColorMod V1.9 ni wijeti ya dashibodi ya Mac. ColourMod V2.2 - programu-jalizi ya programu za wavuti. Bila chapa huondoa chapa ya ColourMod, huku Iliyobinafsishwa inakuruhusu kuongeza nembo yako kwenye programu.

DigitalColor Meter ni zana ya Mac OS X. Ukiburuta kipanya chako kwenye skrini, itaonyesha thamani ya rangi ya pikseli yoyote. Unaweza kuweka umbizo ambalo rangi itaonyeshwa (RGB, YUV au CIE).

Programu rahisi na muhimu sana. Inajieleza kama "zana ya rangi ambayo Mac imekuwa ikikosa." Iko kwenye menyu kuu hadi uiite na hotkey. ColorSnapper hutumia kikuza skrini kwa usahihi zaidi katika uteuzi. Rangi iliyobainishwa inanakiliwa kiotomatiki kwenye ubao wa kunakili na inaweza kutumika tena baadaye. Zaidi ya hayo, utakuwa na takriban miundo 13 tofauti unayo.

Hex Color Picker huongeza kichupo cha ziada kwenye paneli ya rangi ya mfumo mzima, na unaweza kuona mara moja msimbo wa hex wa rangi yoyote. Pia una chaguo la kubadilisha rangi kwa kutumia seti ya njia za mkato na kutumia chaguo la onyesho la kukagua.

Zana rahisi sana inayoonyesha thamani za RGB na HEX. Ikiwa unataka, unaweza kufanya vikwazo ili slider ionyeshe rangi salama tu. Chombo hiki kinatumika kwenye paneli ya rangi ya programu nyingi za Cocoa na Carbon.

Kila kitu ni rahisi sana na wazi: Pipette inakupa fursa ya kuchukua rangi yoyote na kuinakili katika umbizo la HEX. Programu haitachukua nafasi nyingi kwenye kifaa chako, na hupaswi kuwa na ugumu wowote kuitumia.

Viendelezi vya Chrome

Ukiwa na colorPicker, unaweza kunyakua rangi kutoka kwa ukurasa wowote wa wavuti, kuzihifadhi, na kuzinakili kwenye ubao wako wa kunakili. Rangi zinapatikana katika maadili yafuatayo: HSB, RGB na CMYK. Wasanidi wa wavuti watapata vipengele vingi vya ziada hapa, ikiwa ni pamoja na uwezo wa kuangalia uoanifu wa WCAG 2, mipangilio katika eneo la eyedropper, na uwepo wa Kichunguzi cha DOM kwa ajili ya kutafuta kwa haraka vipengele na lebo kwenye ukurasa.

Ugani huu haukuruhusu tu kuchagua rangi kwenye ukurasa wowote wa wavuti, lakini pia weka vitawala, viashiria na mizani juu yake. Rula, Miongozo, Kitone cha Macho & Kiteuzi cha Rangi kina chaguo nyingi za vidhibiti, viashiria na mizani, lakini kichagua rangi hufanya kazi vizuri peke yake.

Eye Dropper ni kiendelezi kizuri na kichagua rangi ya hali ya juu, ikitoa HSV, RGB na HEX ya rangi inayotokana. Rangi huhifadhiwa katika historia yako ili uweze kuzitumia baadaye ikihitajika au unakili kwenye ubao wa kunakili.

Color Pick ni zana rahisi sana ya kudondosha macho yenye kikuza skrini kilichojengewa ndani. Kiendelezi kitahifadhi rangi unayobainisha hadi uchague mpya. Rangi zinapatikana katika umbizo la RGB, HSL na HEX.

Programu za iPhone

Ikiwa wewe ni msanidi programu na una iPhone, Loupe inaweza kukusaidia kupata msukumo popote ulipo. Kwa hiyo, unaweza kuchukua rangi kutoka kwa picha kwenye ghala yako au kutoka kwa picha ambazo umepiga hivi punde. Kisha unaweza kuunda seli za rangi, kuhifadhi thamani za rangi, na kuongeza vidokezo ili kukusaidia kukumbuka maelezo muhimu.

Kiteuzi hiki cha rangi kinafaa kwa kuunda na kisha kufanya kazi na palettes kwenye iPhone. Inabadilisha umbizo ndani ya RGB, HSB na CMYK. Unaweza kuchukua rangi kutoka kwa kamera yako, nyumba ya sanaa ya picha au Flickr. Paleti zinaweza kushirikiwa kupitia barua pepe na pia zinaoana na Adobe Illustrator, Adobe Photoshop na Microsoft Word.

Programu za Android

Zana hii yenye nguvu ya kuchagua rangi ni muhimu sana kwa wabunifu, watengeneza programu na wasanii. Inaauni hali 7 tofauti na mifano ya rangi ya RGB, HSV, HSL na YUV. Unaweza kutumia palette na kitelezi. Rangi zinawasilishwa kwa decimal na HEX.

LifeDropper ni programu ya Android ambayo inaweza kukuambia rangi za vitu halisi kwa kutumia kamera ya kifaa chako. Rangi zinaonyeshwa katika thamani za RGB, CMYK na HEX.

Ni hayo tu!

Ni ipi kati ya "pipettes" 25 iliyotolewa katika makala yetu ulipenda zaidi? Labda unatumia zana ambayo haijajumuishwa kwenye orodha yetu? Ikiwa ndivyo, tuambie kulihusu!

HEX/HTML

Rangi ya HEX sio chochote ila uwakilishi wa hexadecimal wa RGB.

Rangi zinawakilishwa kama vikundi vitatu vya tarakimu za hexadecimal, ambapo kila kikundi kinawajibika kwa rangi yake: #112233, ambapo 11 ni nyekundu, 22 ni ya kijani, 33 ni ya bluu. Thamani zote lazima ziwe kati ya 00 na FF.

Programu nyingi huruhusu aina fupi ya nukuu ya rangi ya heksadesimali. Ikiwa kila moja ya vikundi vitatu ina herufi sawa, kwa mfano #112233, basi zinaweza kuandikwa kama #123.

1. h1 ( rangi: #ff0000; ) /* nyekundu */
2. h2 ( rangi: #00ff00; ) /* kijani */
3. h3 ( rangi: #0000ff; ) /* bluu */
4. h4 ( rangi: #00f; ) /* bluu sawa, shorthand */

RGB

Nafasi ya rangi ya RGB (Nyekundu, Kijani, Bluu) ina rangi zote zinazowezekana ambazo zinaweza kuundwa kwa kuchanganya nyekundu, kijani na bluu. Mtindo huu ni maarufu katika upigaji picha, televisheni, na picha za kompyuta.

Thamani za RGB hubainishwa kama nambari kamili kutoka 0 hadi 255. Kwa mfano, rgb(0,0,255) huonyeshwa kama samawati kwa sababu kigezo cha bluu kimewekwa kuwa thamani yake ya juu zaidi (255) na vingine vimewekwa kuwa 0.

Baadhi ya programu (haswa vivinjari vya wavuti) zinaauni asilimia ya kurekodi maadili ya RGB (kutoka 0% hadi 100%).

1. h1 ( rangi: rgb(255, 0, 0); ) /* nyekundu */
2. h2 ( rangi: rgb(0, 255, 0); ) /* kijani */
3. h3 ( rangi: rgb(0, 0, 255); ) /* bluu */
4. h4 ( rangi: rgb(0%, 0%, 100%); ) /* bluu sawa, ingizo la asilimia */

Thamani za rangi za RGB zinatumika katika vivinjari vyote vikuu.

RGBA

Hivi karibuni, vivinjari vya kisasa vimejifunza kufanya kazi na mfano wa rangi ya RGBA - ugani wa RGB kwa usaidizi wa kituo cha alpha, ambacho huamua opacity ya kitu.

Thamani ya rangi ya RGBA imebainishwa kama: rgba(nyekundu, kijani, bluu, alpha). Kigezo cha alpha ni nambari inayoanzia 0.0 (uwazi kabisa) hadi 1.0 (isiyo wazi kabisa).

1. h1 ( rangi: rgb(0, 0, 255); ) /* bluu katika RGB ya kawaida */
2. h2 ( rangi: rgba(0, 0, 255, 1); ) /* samawati sawa katika RGBA, kwa sababu uwazi: 100% */
3. h3 ( rangi: rgba(0, 0, 255, 0.5); ) /* uwazi: 50% */
4. h4 ( rangi: rgba(0, 0, 255, .155); ) /* uwazi: 15.5% */
5. h5 ( rangi: rgba(0, 0, 255, 0); ) /* uwazi kabisa */

RGBA inatumika katika IE9+, Firefox 3+, Chrome, Safari, na Opera 10+.

HSL

Mtindo wa rangi ya HSL ni kiwakilishi cha kielelezo cha RGB katika mfumo wa kuratibu wa silinda. HSL inawakilisha rangi kwa njia angavu zaidi na inayoweza kusomeka na binadamu kuliko RGB ya kawaida. Mfano huo hutumiwa mara nyingi katika programu za michoro, palette za rangi, na uchambuzi wa picha.

HSL inawakilisha Hue (rangi/hue), Kueneza (kueneza), Mwangaza/Mwanga (wepesi/nyepesi/mwangavu, isichanganywe na mwangaza).

Hue inabainisha nafasi ya rangi kwenye gurudumu la rangi (kutoka 0 hadi 360). Kueneza ni asilimia ya thamani ya kueneza (kutoka 0% hadi 100%). Mwangaza ni asilimia ya wepesi (kutoka 0% hadi 100%).

1. h1 ( rangi: hsl(120, 100%, 50%); ) /* kijani */
2. h2 ( rangi: hsl(120, 100%, 75%); ) /* kijani kibichi */
3. h3 ( rangi: hsl(120, 100%, 25%); ) /* kijani iliyokolea */
4. h4 ( rangi: hsl(120, 60%, 70%); ) /* kijani kibichi */

HSL inatumika katika IE9+, Firefox, Chrome, Safari, na Opera 10+.

HSLA

Sawa na RGB/RGBA, HSL ina modi ya HSLA inayoauni chaneli ya alpha ili kuonyesha uwazi wa kitu.

Thamani ya rangi ya HSLA imebainishwa kama: hsla(hue, kueneza, wepesi, alfa). Kigezo cha alpha ni nambari inayoanzia 0.0 (uwazi kabisa) hadi 1.0 (isiyo wazi kabisa).

1. h1 ( rangi: hsl(120, 100%, 50%); ) /* kijani katika HSL ya kawaida */
2. h2 ( rangi: hsla(120, 100%, 50%, 1); ) /* kijani sawa katika HSLA, kwa sababu uwazi: 100% */
3. h3 ( rangi: hsla(120, 100%, 50%, 0.5); ) /* uwazi: 50% */
4. h4 ( rangi: hsla(120, 100%, 50%, .155); ) /* uwazi: 15.5% */
5. h5 ( rangi: hsla(120, 100%, 50%, 0); ) /* uwazi kabisa */

CMYK

Mfano wa rangi ya CMYK mara nyingi huhusishwa na uchapishaji wa rangi na uchapishaji. CMYK (tofauti na RGB) ni muundo wa kupunguza, kumaanisha kuwa maadili ya juu yanahusishwa na rangi nyeusi.

Rangi imedhamiriwa na uwiano wa cyan (Cyan), magenta (Magenta), njano (Njano), pamoja na kuongeza nyeusi (Ufunguo / nyeusi).

Kila moja ya nambari zinazofafanua rangi katika CMYK inawakilisha asilimia ya wino ya rangi fulani inayounda mchanganyiko wa rangi, au kwa usahihi zaidi, ukubwa wa kitone cha skrini ambacho hutolewa kwenye mashine ya kuweka picha kwenye filamu ya rangi hiyo (au moja kwa moja kwenye sahani ya uchapishaji katika kesi ya CTP).

Kwa mfano, ili kupata rangi ya PANTONE 7526, ungechanganya sehemu 9 za samawati, sehemu 83 za majenta, sehemu 100 za manjano, na sehemu 46 nyeusi. Hii inaweza kuashiria kama ifuatavyo: (9,83,100,46). Wakati mwingine majina yafuatayo hutumiwa: C9M83Y100K46, au (9%, 83%, 100%, 46%), au (0.09/0.83/1.0/0.46).

HSB/HSV

HSB (pia inajulikana kama HSV) ni sawa na HSL, lakini ni miundo miwili tofauti ya rangi. Zote mbili zinatokana na jiometri ya silinda, lakini HSB/HSV inategemea muundo wa "hexcone", huku HSL ikiegemea muundo wa "bi-hexcone". Wasanii mara nyingi wanapendelea kutumia mfano huu, inakubaliwa kwa ujumla kuwa kifaa cha HSB/HSV kiko karibu na mtazamo wa asili wa rangi. Hasa, mfano wa rangi ya HSB hutumiwa katika Adobe Photoshop.

HSB/HSV inasimamia Hue (rangi/hue), Kueneza (kueneza), Mwangaza/Thamani (mwangaza/thamani).

Hue inabainisha nafasi ya rangi kwenye gurudumu la rangi (kutoka 0 hadi 360). Kueneza ni asilimia ya thamani ya kueneza (kutoka 0% hadi 100%). Mwangaza ni asilimia ya mwangaza (kutoka 0% hadi 100%).

XYZ

Mfano wa rangi ya XYZ (CIE 1931 XYZ) ni nafasi ya kihisabati pekee. Tofauti na RGB, CMYK, na miundo mingine, katika XYZ vijenzi vikuu ni "vya kufikirika," kumaanisha kuwa huwezi kuhusisha X, Y, na Z na seti zozote za rangi za kuchanganya. XYZ ni mfano mkuu wa karibu mifano mingine yote ya rangi inayotumiwa katika nyanja za kiufundi.

MAABARA

Muundo wa rangi wa LAB (CIELAB, “CIE 1976 L*a*b*”) umekokotolewa kutoka nafasi ya CIE XYZ. Kusudi la muundo wa Lab lilikuwa kuunda nafasi ya rangi ambayo mabadiliko ya rangi yatakuwa ya mstari zaidi kulingana na mtazamo wa mwanadamu (ikilinganishwa na XYZ), ambayo ni, ili mabadiliko sawa ya maadili ya kuratibu rangi katika maeneo tofauti ya nafasi ya rangi yaweze. kutoa hisia sawa za mabadiliko ya rangi.