← Rudi kwenye Vipengele
Free

Kichaguzi cha Rangi

Kichaguzi cha Rangi kinatoa zana sahihi ya pikseli ya kipekee kwa kuchagua rangi kutoka kipengele chochote.

Kichaguzi cha Rangi kinatoa zana sahihi ya pikseli ya kipekee kwa kuchagua rangi kutoka kipengele chochote.

Uhakiki wa Moja kwa Moja
example.com
Shashengo inayolenga pikseli
HEX#7c3aed
RGBrgb(124, 58, 237)
HSLhsl(262, 83%, 58%)
Machaguo ya hivi karibuni — bofya ili kunakili
Vipengele Muhimu

Eyedropper Sahihi ya Pikseli

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.

Mifumo Mitatu kwa Wakati Mmoja

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.

Copy kwa Mbofyo Mmoja kwa kila Mfumo

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.

Historia 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.

Hakikisho Kubwa la Sampuli ya Rangi

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.

Inafanya Kazi kwa Kila Kitu

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.

Matumizi ya Kawaida

Kulinganisha Rangi za Chapa

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.

Kutoa Rangi kutoka kwa Picha

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.

Kuthibitisha Utekelezaji wa Rangi ya CSS

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.

Kujenga Paleti za Rangi kutoka kwa Marejeleo

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.

Kukagua Rangi za Gradient

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.

Jinsi ya Kutumia
1

Washa Kichaguzi cha Rangi

Fungua kizimbani kinachoelea cha DevSuite Pro na ubofye ikoni ya Color Picker. Cursor inabadilika kuwa eyedropper yenye duara la hakikisho lililokuzwa.

2

Sogeza Cursor ili Kuhakiki

Sogeza cursor yako juu ya ukurasa. Hakikisho lililokuzwa linaonyesha mwonekano wa pikseli karibu na cursor yako, likiwa na msalaba unaoonyesha pikseli sahihi inayolengwa.

3

Bofya ili Kuchagua

Bofya mahali popote kwenye ukurasa ili kuchagua rangi kwenye pikseli hiyo. Sampuli ya rangi, thamani za HEX, RGB, na HSL zote zinasasishwa papo hapo.

4

Nakili Mfumo Wako

Bofya mstari wa HEX, RGB, au HSL ili kunakili thamani hiyo kwenye clipboard yako. Uthibitisho wa "Imenakiliwa!" unaonekana kwa muda mfupi.

5

Chagua Rangi Zaidi

Endelea kubofya ili kuchagua rangi zaidi. Kila uteuzi unaongezwa kwenye historia. Bofya sampuli yoyote ya historia ili kukumbuka rangi hiyo.

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