Badilisha rangi kati ya HEX, RGB, RGBA, HSL, HSLA, HSV na CMYK — chagua rangi, rekebisha alfa, na nakili muundo wowote papo hapo.

#FFFFFF
Njia
R
G
B
Miundo ya rangi

Andika thamani yoyote ya HEX, RGB(A) au HSL(A) na kila muundo mwingine unasasishwa papo hapo.

Rangi za haraka

Mwongozo wa miundo ya rangi

HEX ni nambari ya heksadesimali yenye tarakimu 6 kama #3B82F6 inayohifadhi chaneli za nyekundu, kijani na buluu (kila moja 00–FF). Ni njia ya kawaida zaidi ya kufafanua rangi katika HTML na CSS.

HEX yenye tarakimu 8 kama #3B82F6CC huongeza jozi ya mwisho ya tarakimu kwa ajili ya uwazi (alfa). Itumie kwa rangi za uwazi katika CSS ya kisasa bila thamani tofauti ya rgba().

RGB hufafanua rangi kwa thamani za nyekundu, kijani na buluu kuanzia 0 hadi 255, mf. rgb(59, 130, 246). Inalingana na jinsi skrini zinavyotoa mwanga na ni bora kwa wavuti na ubunifu wa kidijitali.

RGBA ni RGB yenye chaneli ya alfa kuanzia 0 (uwazi kabisa) hadi 1 (isiyopita mwanga), mf. rgba(59, 130, 246, 0.5). Itumie kwa tabaka za juu, vivuli na athari za kuelekeza kishale.

HSL hueleza rangi kwa kivuli (0–360°), kueneza na mwangaza, mf. hsl(217, 91%, 60%). Ni rahisi kueleweka kwa kurekebisha rangi na kutengeneza paleti kwa mkono.

HSLA ni HSL pamoja na chaneli ya alfa kwa uwazi, mf. hsla(217, 91%, 60%, 0.5). Inachanganya usomekaji wa HSL na udhibiti wa uwazi.

HSV, pia huitwa HSB, hutumia kivuli, kueneza na thamani (mwangaza), mf. hsv(217, 76%, 96%). Ndio mfano nyuma ya vichaguzi vya rangi katika programu nyingi za ubunifu.

CMYK ni mfano wa kutoa wa asilimia za samawati, manjano-zambarau, manjano na nyeusi (key), mf. cmyk(76%, 47%, 0%, 4%). Ni kiwango cha uchapishaji, hivyo thibitisha rangi muhimu kwa wasifu wa mpiga chapa wako.

Tumia HEX au RGB kwa tovuti, na ongeza alfa (RGBA, HSLA au HEX yenye tarakimu 8) unapohitaji uwazi. Tumia HSL au HSV kubuni paleti, na CMYK unapotayarisha faili za uchapishaji.


Utafutaji maarufu
kibadilishaji msimbo wa rangi hex kwenda rgb rgb kwenda hex hex kwenda hsl badilisha miundo ya rangi kibadilishaji rangi mtandaoni
Unahitaji msaada?
Umepata tatizo na zana hii? Tujulishe timu yetu.
Ripoti tatizo

Ongeza zana hii ya bure kwenye tovuti yako mwenyewe — nakili na ubandike msimbo ulio hapa chini.