Kichaguzi cha Rangi kinatoa zana sahihi ya pikseli ya kipekee kwa kuchagua rangi kutoka kipengele chochote.
Kutoa thamani sahihi za rangi kutoka ukurasa wa wavuti ni kazi ya kawaida — kulinganisha rangi ya brand, kurejelea ubunifu fulani, au kuangalia kivuli cha rangi kinachotumika kwenye tovuti ya mshindani. DevTools za kivinjari zinaonyesha rangi kwenye paneli ya Styles, lakini kwa elements zenye CSS color properties zilizoainishwa wazi tu — si kwa picha, gradients, au rangi zilizorithiwa (inherited).
Eyedropper ya Color Picker inafanya kazi katika kiwango cha pixel — inasoma rangi halisi iliyotolewa (rendered) ya pixel yoyote iliyo chini ya kishale chako, bila kujali rangi hiyo ilitokeaje. Bofya kwenye anga la buluu katika hero image, sehemu ya kati ya gradient, au overlay ya nusu-uwazi, na upate thamani sahihi ya rangi iliyounganishwa (composite). Miundo yote mitatu ya matokeo (HEX, RGB, HSL) inaonyeshwa kwa wakati mmoja — bofya muundo wowote kuinakili. Uchaguzi wako wa hivi karibuni unahifadhiwa katika ukanda wa historia ya rangi (color history) chini.
Uwazi wa alpha (alpha transparency) unahifadhiwa katika matokeo — kuchagua overlay ya nusu-uwazi kunakupa thamani ya rgba() au hsla() yenye alpha channel sahihi, si tu RGB iliyosawazishwa (flattened) ambayo ungeipata kutoka zana ya screenshot. Kwenye macOS na Windows, kichagua rangi kinaweza kutumia uwezo wa asili wa eyedropper wa kivinjari pale unapopatikana, kikikuruhusu kuchukua sampuli ya rangi kutoka mahali popote kwenye skrini yako, ikiwemo nje kabisa ya dirisha la kivinjari — jambo linalosaidia unapolinganisha rangi kutoka faili la ubunifu lililo wazi katika programu nyingine.
Hakikisho la duara lililokuzwa linaonyesha pikseli zilizokuzwa karibu na cursor yako, likiwa na msalaba (crosshair) wa kulenga kwa uteuzi sahihi wa pikseli. Chagua rangi kutoka kwa maandishi, asili, picha, gradients, SVGs, au pikseli yoyote inayonekana kwenye ukurasa.
Kila rangi iliyochaguliwa inaonyeshwa katika mifumo yote mitatu kwa wakati mmoja: HEX (#7c3aed), RGB (rgb(124, 58, 237)), na HSL (hsl(262, 83%, 58%)). Hakuna kubadilisha au kubadilisha — mifumo yote inapatikana mara moja.
Bofya mstari wowote wa mfumo (HEX, RGB, au HSL) ili kunakili thamani hiyo maalum kwenye clipboard yako papo hapo. Uhuishaji mfupi wa "Imenakiliwa!" unathibitisha kitendo hicho. Bandika moja kwa moja kwenye CSS yako, zana ya usanifu, au maelezo ya rangi.
Rangi zako zilizochaguliwa hivi karibuni zinahifadhiwa katika historia inayoonekana inayoonyesha sampuli za rangi (swatches). Bofya sampuli yoyote ili kuchagua tena rangi hiyo na kuona thamani zake tena. Historia inadumu wakati wa kikao chako — chagua rangi kutoka kurasa nyingi.
Rangi iliyochaguliwa inaonyeshwa kama sampuli kubwa juu ya thamani za mfumo, ikifanya iwe rahisi kuona na kuthibitisha rangi hiyo. Sampuli ni kubwa vya kutosha kuonyesha vivuli hafifu vinavyoweza kuonekana sawa katika ukubwa mdogo.
Inachagua rangi kutoka kwa pikseli yoyote inayonekana: rangi za CSS, gradients za CSS, picha (PNG, JPG, SVG), vipengele vya canvas, fremu za video, overlays zisizo na uwazi kabisa (ikichagua rangi iliyojumuishwa), na hata iframes. Ikiwa unaweza kuiona, unaweza kuichagua.
Chagua rangi sahihi ya chapa kutoka kwa tovuti ya kampuni ili kuhakikisha muundo au maudhui yako yanatumia kivuli sahihi. Pata thamani sahihi ya HEX badala ya kukisia au kutafuta kupitia miongozo ya chapa.
Chagua rangi moja kwa moja kutoka kwa picha za hero, picha za bidhaa, au vielelezo. Toa rangi kuu kutoka kwa picha ili kuitumia kama asili inayokamilisha katika muundo wako.
Maelezo ya usanifu yanasema kifungo kinapaswa kuwa #7c3aed. Chagua rangi kutoka kwa kifungo kilichotekelezwa ili kuthibitisha kuwa kinalingana. Inapata tofauti ndogo za rangi ambazo hazionekani kwa jicho la kawaida.
Vinjari tovuti za msukumo wa usanifu na uchague rangi zinazovutia macho yako. Historia inajenga paleti ya rangi ulizochagua wakati wa kikao — itumie kama hatua ya kuanzia kwa mpangilio wako vya rangi.
Chagua rangi katika sehemu tofauti kando ya gradient ya CSS ili kuona rangi sahihi katika kila nafasi. Muhimu kwa kunakili gradients au kuelewa jinsi vituo vya gradient vinavyochanganyika.
Fungua kizimbani kinachoelea cha DevSuite Pro na ubofye ikoni ya Color Picker. Cursor inabadilika kuwa eyedropper yenye duara la hakikisho lililokuzwa.
Sogeza cursor yako juu ya ukurasa. Hakikisho lililokuzwa linaonyesha mwonekano wa pikseli karibu na cursor yako, likiwa na msalaba unaoonyesha pikseli sahihi inayolengwa.
Bofya mahali popote kwenye ukurasa ili kuchagua rangi kwenye pikseli hiyo. Sampuli ya rangi, thamani za HEX, RGB, na HSL zote zinasasishwa papo hapo.
Bofya mstari wa HEX, RGB, au HSL ili kunakili thamani hiyo kwenye clipboard yako. Uthibitisho wa "Imenakiliwa!" unaonekana kwa muda mfupi.
Endelea kubofya ili kuchagua rangi zaidi. Kila uteuzi unaongezwa kwenye historia. Bofya sampuli yoyote ya historia ili kukumbuka rangi hiyo.
Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.
