Kibadilishaji Muundo wa Rangi hutafsiri rangi yoyote kati ya HEX, RGB, HSL, HSV, na OKLCH. Chagua rangi ukitumia kichagua asili, andika thamani ya hex, bandika kamba yoyote ya rangi ya CSS, au rekebisha vitelezi vya RGB — kila muundo husasishwa moja kwa moja na kila muundo una kitufe chake cha Nakili.
CSS ya kisasa inakupa njia nyingi za kuandika rangi sawa: #7C3AED, rgb(124, 58, 237), hsl(262, 83%, 58%), oklch(55% 0.24 293), pamoja na tofauti za alfa kwa kila moja. Mara nyingi unahitaji kubadilisha kati yao — muundo wa Figma unakupa OKLCH, msimbo wako hutumia HEX, na vigeu vya mada yako hupendelea HSL kwa marekebisho ya hali ya kuelea. Kibadilishaji Muundo wa Rangi hufanya ubadilishaji wote kwenye paneli moja. Chagua rangi kutoka kwa kichagua rangi asili, bandika rangi iliyopo katika sintaksia yoyote, au buruta vitelezi vya RGB ili kuipata. Kila muundo wa kawaida hutolewa kwa wakati mmoja: HEX (yenye alfa), rgb()/rgba(), hsl()/hsla(), hsv(), na oklch() — pamoja na kijisehemu cha kigeu cha CSS na thamani iliyokokotolewa ya mwangaza kwa hesabu za haraka za utofautishaji. Njia ya alfa inatumika mwisho hadi mwisho. Kila muundo una kitufe chake cha Nakili kwa matumizi ya mbofyo mmoja, na kichanganuzi hukubali majina asili ya rangi na kila kitu kinachoungwa mkono na CSS.
Huonyesha HEX, RGB/RGBA, HSL/HSLA, HSV, na OKLCH kwa wakati mmoja — chagua muundo wowote ambao msimbo wako lengwa unatarajia bila kubadilisha tena kila wakati.
Inakubali HEX (#abc au #aabbcc au #aabbccff), rgb()/rgba(), hsl()/hsla(), oklch(), na majina asili ya rangi. Bandika chochote kinachoungwa mkono na CSS.
Hushughulikia muundo mpya wa OKLCH unaotumiwa katika CSS ya kisasa — nafasi ya rangi inayofanana kiutambuzi ambayo inakuwa chaguo-msingi mpya cha mfumo wa muundo.
Kila pato lina kitufe chake cha Nakili. Bofya ili kunyakua hasa muundo unaohitaji kwa msimbo wako, hakuna uchaguzi wa mwongozo unaohitajika.
Rekebisha vitelezi vya Nyekundu/Kijani/Bluu/Alfa kwa marekebisho mazuri. Kila muundo husasishwa katika muda halisi unapoburuta.
Uwazi unashughulikiwa katika kila muundo: #RRGGBBAA, rgba(...), hsla(...). Weka mara moja, ubadilishwe kila mahali.
Figma inakupa OKLCH au HSL — ibandike, nakili HEX inayolingana kwa usanidi wako wa Tailwind au vigeu vya CSS bila kuondoka kwenye kivinjari.
Buruta vitelezi ili kugundua vivuli, ukibainisha thamani za OKLCH kwa ajili ya paleti ya kimfumo ya muundo.
Badilisha rangi ya chapa iwe umbo lake la HSL ili uweze kutumia hsl(var(--brand-h) var(--brand-s) calc(var(--brand-l) + 10%)) kwa hali za kuelea.
Sehemu ya mwangaza inakupa thamani ghafi inayotumika katika hesabu za utofautishaji za WCAG — inafaa kwa hisabati ya ufikikaji (a11y).
Bandika oklch(...) kutoka kwa faili ya CSS unayosoma na uone papo hapo inatoa rangi gani.
Bofya ikoni ya Miundo ya Rangi kwenye gati ya DevSuite Pro. Paneli hufunguka ikiwa na kichagua rangi, ingizo la hex, na vitelezi vya RGB.
Tumia kichagua rangi, andika hex, au bandika kamba yoyote ya rangi ya CSS (rgb(...), oklch(...), n.k.). Rangi inahakikishwa papo hapo.
Kila muundo hutolewa hapa chini: HEX, RGB, HSL, HSV, OKLCH, kigeu cha CSS, na mwangaza. Zote husalia katika usawazishaji unaporekebisha.
Buruta vitelezi vya R/G/B/A kwa marekebisho madogo madogo. Inafaa sana kwa kupata kivuli maalum kinacholingana na uainisho wa muundo.
Bofya Nakili kwenye safu ya muundo unaotaka — thamani huwekwa kwenye ubao wako wa kunakili katika sintaksia sahihi.
Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.
