HEX కోడ్ మూడు 8-బిట్ నంబర్లను ఆరు హెక్సాడెసిమల్ అంకెల్లో ప్యాక్ చేస్తుంది. HEX ని RGBకి మార్చడం అంటే ఆ అంకెలను జంటలుగా విభజించి ప్రతి జంటను 0 నుండి 255 మధ్య డెసిమల్ సంఖ్యగా పఠించడం — అదే విలువలు CSS, Figma మరియు ఇమేజ్ ఎడిటర్లకు అవసరం.
HEX నుండి RGB మార్పుదల ఎలా జరుగుతుంది
- ఆరంభం #ని తొలగించండి మరియు కోడ్ మూడు అంకెల్సైతే ప్రతి ఒక్కటిని డబుల్ చేయండి: #f53 అవుతుంది #ff5533.
- ఆరు అంకెలను మూడు జంటలుగా విభజించండి — RR, GG మరియు BB.
- ప్రతి జంటని బేస్-16 సంఖ్యగా చదివి బేస్-10కి మార్చండి: FF అవుతుంది 255, 57 అవుతుంది 87, 33 అవుతుంది 51.
- ఈ మూడు ఫలితాలను rgb(R, G, B) గా రాయండి.
ఉదాహరణతో పని చేయడం
ఈ మార్పిడి ఖచ్చితమైనది. HEX మరియు RGB అదే sRGB విలువలను వేరే నోటేషన్లో వివరిస్తాయి, కాబట్టి రెండు దిశలలో ఏమీ రౌండ్ అవ్వదు లేదా నష్టం కలగదు.
HEX మరియు RGB వివరాలు
HEX అంటే ఏమిటి?
HEX కోడ్ అనేది ఒక ఆరు-అంకెల హెక్సాడెసిమల్ సంఖ్య, ఇది రంగు యొక్క ఎరుపు, ఆకుపచ్చ మరియు నీలం ఛానల్స్ను ముందు # తో నిల్వ చేస్తుంది. ప్రతి జంట అంకెలు ఒక్కో ఛానల్ను సూచిస్తాయి, 00 (లేవు) నుండి FF (పూర్తిగా) వరకు, ఇది RGB లోని 16.7 మిలియన్ రంగులను సంక్షిప్త రీతిలో అందిస్తుంది. HEX CSS, design tools మరియు బ్రాండ్ మార్గదర్శకాలలో డిఫాల్ట్ గా ఉంటుంది.
- సింటాక్స్:
- #RRGGBB
- పరిధి:
- ప్రతి ఛానల్కు 00–FF
- ఉత్తమంగా ఉపయోగించే సందర్భం:
- CSS, design handoff, బ్రాండ్ మార్గదర్శకాలు
RGB అంటే ఏమిటి?
RGB ఒక రంగును త్రీ ఛానల్లుగా వివరిస్తుంది — ఎరుపు, ఆకుపచ్చ మరియు నీలం — ప్రతి ఒక్కటి 0 నుంచి 255 వరకూ ఉంటుంది. ఇది స్క్రీన్లు ఎలా పని చేస్తాయో ప్రతిబింబిస్తుంది: మూడింటి 모두 255 అయితే తెల్లగా, అంతే 0 అయితే నల్లగా ఉంటుంది. RGB ని మీరు సంఖ్యలతో లెక్కించడం అవసరమైతే ఉపయోగించండి; rgba() ద్వారా పారదర్శకతను కలపవచ్చు.
- సింటాక్స్:
- rgb(R, G, B)
- పరిధి:
- ప్రతి ఛానల్కు 0–255
- ఉత్తమంగా ఉపయోగించే సందర్భం:
- code, canvas, rgba() తో పారదర్శకత
HEX నుండి RGB రూపంలో రిఫరెన్స్ పట్టిక
అత్యధికంగా ఉపయోగించే CSS రంగులు, HEX నుండి RGB గా మార్చబడినవి.
| రంగు | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |