RGB మీకు 0 నుంచి 255 మధ్య మూడు డెసిమల్ ఛానల్‌లను ఇస్తుంది. HEXకి మార్చడం అంటే ప్రతి ఛానల్ను రెండు-అంకెల హెక్సాదెసిమల్ సంఖ్యగా మార్చడం, అందుచేత మొత్తం రంగు ఒక సంక్షిప్త టోకెన్‌లో సరిపోతుంది మరియు ప్రతి బ్రౌజర్, design tool మరియు స్టైల్ గైడ్ అది అర్థం చేసుకుంటాయి.
RGB నుండి HEX మార్పుదల ఎలా జరుగుతుంది
- ఆరెడ్ ఛానల్ను తీసుకుని 16తో భాగించు: మొత్తం భాగం మొదటి అంకె, నవ్వశేషం రెండవది.
- 10–15 సంఖ్యలను A–F అక్షరాలుగా రాయండి — 255 అవుతుంది FF.
- అదే ప్రక్రియ గ్రీన్ మరియు బ్లూ కోసం చేయండి; ఒక సంఖ్య ఒకే అంకె మాత్రమే అయితే ముందు '0' పెడండి: 5 అవుతుంది 05.
- మూడు జంటలను జతచేసి ముందు ఒక # పెట్టండి.
ఉదాహరణతో పని చేయడం
ఖచ్చితంగా, బదులు ఛానళ్ళు 0 నుండి 255 మధ్యలో పూర్తి సంఖ్యలేనిచ్చినప్పుడే. rgb(79.5, 70, 229) వంటి భిన్న విలువలు మొదట సమీప పూర్తి సంఖ్యకు విభాజింపబడతాయి, ఎందుకంటే HEX మధ్య విలువలు నిల్వ చేయలేని సరికి.
RGB మరియు HEX వివరాలు
RGB అంటే ఏమిటి?
RGB ఒక రంగును త్రీ ఛానల్‌లుగా వివరిస్తుంది — ఎరుపు, ఆకుపచ్చ మరియు నీలం — ప్రతి ఒక్కటి 0 నుంచి 255 వరకూ ఉంటుంది. ఇది స్క్రీన్లు ఎలా పని చేస్తాయో ప్రతిబింబిస్తుంది: మూడింటి 모두 255 అయితే తెల్లగా, అంతే 0 అయితే నల్లగా ఉంటుంది. RGB ని మీరు సంఖ్యలతో లెక్కించడం అవసరమైతే ఉపయోగించండి; rgba() ద్వారా పారదర్శకతను కలపవచ్చు.
- సింటాక్స్:
- rgb(R, G, B)
- పరిధి:
- ప్రతి ఛానల్‌కు 0–255
- ఉత్తమంగా ఉపయోగించే సందర్భం:
- code, canvas, rgba() తో పారదర్శకత
HEX అంటే ఏమిటి?
HEX కోడ్ అనేది ఒక ఆరు-అంకెల హెక్సాడెసిమల్ సంఖ్య, ఇది రంగు యొక్క ఎరుపు, ఆకుపచ్చ మరియు నీలం ఛానల్స్‌ను ముందు # తో నిల్వ చేస్తుంది. ప్రతి జంట అంకెలు ఒక్కో ఛానల్ను సూచిస్తాయి, 00 (లేవు) నుండి FF (పూర్తిగా) వరకు, ఇది RGB లోని 16.7 మిలియన్ రంగులను సంక్షిప్త రీతిలో అందిస్తుంది. HEX CSS, design tools మరియు బ్రాండ్ మార్గదర్శకాలలో డిఫాల్ట్ గా ఉంటుంది.
- సింటాక్స్:
- #RRGGBB
- పరిధి:
- ప్రతి ఛానల్‌కు 00–FF
- ఉత్తమంగా ఉపయోగించే సందర్భం:
- CSS, design handoff, బ్రాండ్ మార్గదర్శకాలు
RGB నుండి HEX రూపంలో రిఫరెన్స్ పట్టిక
అత్యధికంగా ఉపయోగించే CSS రంగులు, RGB నుండి HEX గా మార్చబడినవి.
| రంగు | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |