HEX ను RGB గా మార్చడం Hexadecimal ↔ Red Green Blue ఉచితం ఆన్‌లైన్ సురక్షితం
HEX లో ఒక విలువ రాయండి, అక్కడే దాన్ని RGB గా చదువుకోండి. లెక్క మీ బ్రౌజర్‌లోనే జరుగుతుంది, ఎక్కడికీ ఏదీ పంపబడదు, జవాబు దేనిమీద ఆధారపడుతుందో ఊహించకుండా కింద రాసి ఉంది.
ఏదీ అప్‌లోడ్ కాదు
ఈ రాత పద్ధతులు ఎక్కడి నుండి వచ్చాయి
హెక్స్, RGB ఒకే విషయాన్ని రెండుసార్లు రాసినవి. తెర మీది రంగు అంటే మూడు సంఖ్యలు — ఎంత ఎరుపు, ఆకుపచ్చ, నీలి కాంతిని వెలువరించాలి — ఒక్కొక్కటీ 0 నుండి 255 దాకా, అంటే ఒక బైటు; హెక్స్ ఆ బైట్లను పదహారు ఆధారంలో రాస్తుందంతే; కాబట్టి #FF8800, rgb(255, 136, 0) రెండూ ఒకే పిక్సెల్‌కు ఇచ్చిన ఒకే ఆజ్ఞ. HSL కనిపెట్టడానికి కారణం — ఆ రెండూ మనిషికి చదవడానికి పనికిరావు. అది రంగు ఛాయను రంగు చక్రం మీది కోణంగా, సాంద్రతను, ప్రకాశాన్ని శాతాలుగా ఇస్తుంది; కాబట్టి డిజైనరు మూడు అంకెలను మళ్ళీ లెక్కించకుండానే దేన్నైనా లేతగా చేయగలడు. CMYK పూర్తిగా వేరే ప్రపంచానిది — కాంతిది కాదు, సిరాది. అది వ్యవకలన పద్ధతిది, నాలుగు ముద్రణ ఫలకాలతో కట్టినది; తెర ఇవ్వగల ప్రతి రంగునూ అందుకోలేదు — ఎందుకంటే తెర కాంతిని వెలువరిస్తుంది, కాగితం దాన్ని ప్రతిఫలించడమే చేస్తుంది.
ఇవి మీకు ఎక్కడ ఎదురవుతాయి
హెక్స్ అంటే మీరు స్టైల్‌షీటులో టైపు చేసేది, డిజైను పనిముట్టు మీ చేతికిచ్చేది. RGB రంగుకు లెక్క అవసరమైన ప్రతిచోటా కనిపిస్తుంది: వర్ణక్రమాలు, పారదర్శకత, ఒక ఛాయను లెక్కించే కోడు. ఒక రంగుల పలకను చేత్తో సరిచేసేటప్పుడు HSL వైపు చెయ్యి వెళ్తుంది — ఎందుకంటే కోరుకునే మార్పులు సాధారణంగా దాని మూడు అంకెల్లో ఒకదాని మార్పే. CMYK అంటే ముద్రణాలయం అడిగేది; దానికి మార్చే క్షణమే, ఒక డిజైను కాంతిగా ఉండటం మాని సిరా అయ్యే క్షణం.
తరచుగా అడిగే ప్రశ్నలు
నా CMYK ఫలితం ముద్రణాలయం ఇచ్చిన దానికన్నా ఎందుకు వేరుగా ఉంది?
ఎందుకంటే సరైన మార్పిడి ఒక్కటే అన్నది లేనే లేదు. ఈ పేజీలోని లెక్క సరళమైనది, పరికరంతో సంబంధం లేనిది; మీకు ఒక ఆరంభ బిందువో, సుమారు సమానమైన విలువో కావాలంటే అదే సరైన జవాబు. ముద్రణాలయం ఒక రంగు ప్రొఫైలు ద్వారా మారుస్తుంది; అది నిర్దిష్ట సిరాను, కాగితాన్ని, యంత్రాన్ని లెక్కలోకి తీసుకుంటుంది. అదే RGB రంగు మెరిసే కాగితం మీద ఒకలా, పూత లేని కాగితం మీద మరోలా CMYK విలువలు ఇస్తుంది. ఖచ్చితంగా సరిపోవలసిన దేనికైనా, ఒక సూత్రాన్ని నమ్మే బదులు ముద్రణాలయం వారి ప్రొఫైలును అడగండి.
తెర మీది కొన్ని రంగులను ఎందుకు ముద్రించలేం?
ఎందుకంటే రెండూ ఒకే రంగులను అందుకోలేవు. తెర కాంతిని కలిపి రంగును చేస్తుంది; సిరా ఏమాత్రం సాటిరాలేని మెరిసే, దట్టమైన నీలిపచ్చ లేదా ఆకుపచ్చ ఇవ్వగలదు. కాగితం కాంతిని పీల్చుకుని రంగును చేస్తుంది; అది అందుకోగల అత్యంత ప్రకాశం పేజీ తెలుపే. ఒక్కొక్కటీ అందుకోగల రంగుల సమూహాన్ని «గ్యామట్» అంటారు; అవి ఒకదానిపై ఒకటి పడని చోట, మార్పిడి దొరికే వాటిలో అత్యంత దగ్గరి రంగును ఎంచుకోక తప్పదు. తెరపై మెరిసే రంగు ముద్రణలో తరచూ కాస్త మసకగా కనిపించడానికి కారణం అదే.
సమాధానం ఖచ్చితమేనా?
రెండు ప్రమాణాలూ పూర్ణ సంఖ్యలతో ఒకదానినొకటి నిర్వచించే చోట అవును — పేజీ దాన్ని సంఖ్య పైనే చెబుతుంది, గుండ్రీకరణ అనేది ఎన్ని అంకెలు చూపాలి అన్నదానిలోనే ఉంటుంది. నిష్పత్తికి పరిమిత దశాంశం లేని చోట, పేజీ పన్నెండు సార్థక అంకెలు చూపి సంబంధం సుమారైనదని చెబుతుంది — వేరేలా నటించదు.
నేను టైప్ చేసేది నా పరికరం నుండి బయటకు వెళ్తుందా?
లేదు. లెక్క మీ బ్రౌజర్‌లోనే జరుగుతుంది; ఏదీ అప్‌లోడ్ కాదు, అప్‌లోడ్ చేయడానికి సర్వరే లేదు. పేజీని ఒకసారి తెరిస్తే, నెట్‌వర్క్ ఆపేసినా పనిచేస్తుంది.
మీరు HEX ను RGB గా ఎందుకు మారుస్తారు
డిజైన్ సాధనం మీకు రంగును #5A4632 గా ఇస్తుంది. స్టైల్‌షీట్, కాన్వాస్ స్క్రిప్ట్, చార్ట్ లైబ్రరీ లేదా గ్రాఫిక్స్ ప్రోగ్రామ్ దాన్ని rgb(90, 70, 50) గా అడుగుతాయి. అవి ఒకే రంగు, ఒక స్పెల్లింగ్ నుంచి మరొకదానికి చేరే పని ఎప్పుడూ వస్తూనే ఉంటుంది: బ్రాండ్ గైడ్ హెక్స్ కోడ్‌లను జాబితా చేస్తుంది, తేలికైన షేడ్‌ను లెక్కించడానికి మీ కోడ్‌కు సంఖ్యలు కావాలి, క్లయింట్ లోగో నుంచి ఒక రంగును పంపుతారు, మీరు పారదర్శకతతో rgba() నింపాలి, ఒక లైబ్రరీ మూడు వేర్వేరు విలువలను మాత్రమే అంగీకరిస్తుంది. HEX ను RGB గా మార్చడం చిన్న పని, నమ్మదగిన కన్వర్టర్ మీ తలలో బేస్-పదహారు అంకగణితం చేసి తప్పు చేయకుండా కాపాడుతుంది.
మార్పిడి ఖచ్చితమైనది, ప్రతి రంగు మార్పిడికి అది నిజం కాదు. హెక్స్, rgb() అనేవి ఒకే మూడు సంఖ్యల రెండు స్పెల్లింగ్‌లు, తెర ప్రసరించాల్సిన ఎరుపు, ఆకుపచ్చ, నీలం కాంతి పరిమాణాలు, ప్రతి ఒక్కటి 0 నుంచి 255 వరకు. ఏదీ అంచనా వేయబడదు, రౌండ్ ట్రిప్ మొదలుపెట్టినదాన్నే తిరిగి ఇస్తుంది. ఈ పేజీ దాన్ని మీ బ్రౌజర్‌లో చేస్తుంది, ఏదీ అప్‌లోడ్ కాదు. కింద హెక్స్ అంకెలు మూడు సంఖ్యలకు ఎలా సరిపోతాయో, పారదర్శకత ఎలా తీసుకెళ్లబడుతుందో, సంక్షిప్త రూపం ఏమి చేస్తుందో, sRGB పరిమితులు, డెవలపర్లు, డిజైనర్లు HEX ను RGB గా మార్చాల్సిన సందర్భాలను మీరు చూస్తారు.
మార్పిడి ఎలా పని చేస్తుంది
మూడు జతల అంకెలు మూడు సంఖ్యలు అవుతాయి
హెక్స్ రంగు అంటే హ్యాష్ గుర్తు తర్వాత ఆరు హెక్సాడెసిమల్ అంకెలు, అవి జతలుగా చదవబడతాయి: మొదటి జత ఎరుపు, రెండోది ఆకుపచ్చ, మూడోది నీలం. ప్రతి జత 00, FF మధ్య బేస్ పదహారులో ఒక సంఖ్య, అది మీరు రోజూ వాడే దశాంశ విధానంలో 0 నుంచి 255. కాబట్టి #5A4632 5A, 46, 32 గా విడిపోతుంది. 5A అంటే 5 × 16 + 10 = 90, 46 అంటే 4 × 16 + 6 = 70, 32 అంటే 3 × 16 + 2 = 50. రంగు rgb(90, 70, 50), పేజీ మొదలయ్యే ఉదాహరణ అదే.
అంకెలు 0 నుంచి F వరకు ఎందుకు వెళ్తాయి
బేస్ పదహారుకు పదహారు చిహ్నాలు కావాలి, కాబట్టి 9 తర్వాత అక్షరాలు A నుంచి F వస్తాయి, అవి 10 నుంచి 15 ను సూచిస్తాయి. అలాంటి అంకెల జత 16 × 16 = 256 విలువలను ఇస్తుంది, ఒక బైట్ ఖచ్చితంగా ఉంచగలిగినవి. తెర రంగు మూడు బైట్లు, హెక్స్ వాటిని రాయడానికి కాంపాక్ట్ మార్గం మాత్రమే: కామాలు, బ్రాకెట్లతో మూడు సంఖ్యలకు బదులు ఆరు అక్షరాలు.
పెద్ద అక్షరాలు, చిన్న అక్షరాలు
#5a4632, #5A4632 ఒకే రంగు. CSS రెండింటినీ అంగీకరిస్తుంది, ఈ కన్వర్టర్ కూడా. ప్రాజెక్ట్‌కు ఒక పద్ధతిని ఎంచుకుని దానికి కట్టుబడి ఉండండి, ఎందుకంటే మిశ్రమ కేసు స్టైల్‌షీట్‌లో వెతకడాన్ని కష్టతరం చేస్తుంది.
మార్పిడి ఏమి నిలుపుకుంటుంది, ఏది నిలుపుకోలేదు
ఇది రంగును ఖచ్చితంగా నిలుపుకుంటుంది
హెక్స్, rgb() అనేవి ఒకే మూడు సంఖ్యల రెండు స్పెల్లింగ్‌లు, ఎరుపు, ఆకుపచ్చ, నీలానికి 0 నుంచి 255, కాబట్టి ఏదీ అంచనా వేయబడదు, రౌండ్ ట్రిప్ మొదలుపెట్టినదాన్నే తిరిగి ఇస్తుంది. HEX ను RGB గా మార్చి తిరిగి మారిస్తే, మీరు మొదలుపెట్టిన కోడే మీకు ఉంటుంది, పెద్ద అక్షరాల సాధ్యమైన మినహాయింపుతో.
ఇది పారదర్శకతను తీసుకెళ్తుంది
పారదర్శకతకు నాలుగో విలువ కూడా తీసుకెళ్లబడుతుంది: #RRGGBBAA rgba() అవుతుంది, తిరిగి కూడా. చివరి జత ఆల్ఫా ఛానెల్, 00, పూర్తిగా పారదర్శకం, నుంచి FF, పూర్తిగా అపారదర్శకం, వరకు. కాబట్టి #5A463280 అంటే rgba(90, 70, 50, 0.5), ఎందుకంటే హెక్స్‌లో 80 అంటే 128, 255 లో 128 సుమారు సగం. ఎనిమిది అంకెలను అన్ని ప్రస్తుత బ్రౌజర్‌లు అంగీకరిస్తాయి.
ఇది sRGB వెలుపలి రంగులను వర్ణించలేదు
రెండు స్పెల్లింగ్‌లూ sRGB ను వర్ణిస్తాయి, తెర ముప్పై సంవత్సరాలుగా వాడుతున్న రంగు స్థలం. అవి దాని వెలుపలి రంగును వర్ణించలేవు, కొత్త CSS సంకేతాలైన lab(), oklch(), color() ఉనికిలో ఉన్నది అందుకే. ఆధునిక డిస్‌ప్లేలు sRGB ఉంచగలిగిన దానికంటే ఎక్కువ సంతృప్త రంగులను చూపగలవు, విస్తృత-గామట్ సాధనంలో అలాంటి రంగును ఎంచుకున్న డిజైనర్ దాన్ని హెక్స్‌గా రాసినప్పుడు sRGB కు కత్తిరించబడడం చూస్తారు.
సంక్షిప్త రూపం విస్తరించబడుతుంది, నిలుపుకోబడదు
సంక్షిప్త రూపం నిలుపుకోబడకుండా విస్తరించబడుతుంది: #abc #AABBCC గా తిరిగి వస్తుంది, అదే రంగును పొడవు పద్ధతిలో రాసినది. ప్రతి అంకె రెట్టింపు అవుతుంది. అంటే మీరు మూడు అంకెల కోడ్‌ను పేస్ట్ చేసి సరైన సంఖ్యలను పొందవచ్చు, కానీ పొడవైనది చూసి చిన్న స్పెల్లింగ్‌ను తిరిగి పొందలేరు, ప్రతి జత పునరావృతమవుతోందో తనిఖీ చేయడం ద్వారా మాత్రమే.
సాధారణ రంగులు, వాటి సంఖ్యలు
గుర్తుంచుకోవడానికి కొన్ని
తెలుపు #FFFFFF, అది rgb(255, 255, 255): మూడు కాంతులూ పూర్తి శక్తితో. నలుపు #000000, rgb(0, 0, 0): అసలు కాంతి లేదు. స్వచ్ఛమైన ఎరుపు #FF0000, ఆకుపచ్చ #00FF00, నీలం #0000FF. మధ్య బూడిద అంటే మూడు సమాన జతలున్న ఏ కోడ్ అయినా, #808080 లాగా, అది rgb(128, 128, 128). సమాన జతలు ఎల్లప్పుడూ బూడిద అని అర్థం, ఎందుకంటే మూడు కాంతుల సమాన పరిమాణాలు వర్ణాన్ని ఇవ్వవు.
కోడ్‌ను ఒక్క చూపులో చదవడం
నమూనా తెలిస్తే హెక్స్ అంకెల నుంచి రంగును అంచనా వేయవచ్చు. ఎక్కువ మొదటి జతతో మొదలయ్యే కోడ్ ఎర్రగా, ఎక్కువ మధ్య జత ఆకుపచ్చగా, ఎక్కువ చివరి జత నీలంగా ఉంటుంది. #FF8800 అంటే చాలా ఎరుపు, కొంత ఆకుపచ్చ, నీలం లేదు, అది నారింజ. దానికి మీకు సాధనం అవసరం లేదు, కానీ ఖచ్చితమైన సంఖ్యల కోసం అవసరం.
ఇక్కడ HEX ను RGB గా ఎలా మార్చాలి
హెక్స్ కోడ్‌ను టైప్ చేయండి లేదా పేస్ట్ చేయండి
మొదటి ఫీల్డ్‌లో రంగును, హ్యాష్ గుర్తుతో లేదా లేకుండా, నమోదు చేయండి. మూడు, ఆరు, ఎనిమిది అంకెల రూపాలు అంగీకరించబడతాయి.
rgb విలువను చదవండి
సమాధానం వెంటనే మరో ఫీల్డ్‌లో rgb(90, 70, 50) రూపంలో కనిపిస్తుంది, కోడ్ పారదర్శకతను కలిగి ఉంటే rgba() గా. పేజీ #5A4632 = rgb(90, 70, 50) వాక్యాన్ని చూపిస్తుంది, కాబట్టి మీరు ఒక్క చూపులో తనిఖీ చేయవచ్చు.
దాన్ని మీ కోడ్‌లోకి కాపీ చేయండి
ఫలితాన్ని స్టైల్‌షీట్‌లోకి, స్క్రిప్ట్‌లోకి లేదా దాన్ని అడిగిన సాధనంలోకి పేస్ట్ చేయండి. మీకు మూడు సంఖ్యలు విడిగా కావాలంటే, అవి బ్రాకెట్లలో ఉన్నవే.
ఈ సంకేతాలు ఎక్కడి నుంచి వచ్చాయి
హెక్స్, RGB రెండుసార్లు రాసిన ఒకే విషయం
తెర రంగు మూడు సంఖ్యలు, ఎంత ఎరుపు, ఆకుపచ్చ, నీలం కాంతిని ప్రసరించాలి, ప్రతి ఒక్కటి 0 నుంచి 255 వరకు, అది ఒక బైట్. హెక్స్ ఆ బైట్లను బేస్ పదహారులో రాస్తుంది అంతే, కాబట్టి #FF8800, rgb(255, 136, 0) ఒకే పిక్సెల్‌కు ఒకే సూచన.
HSL, CMYK
రెండూ మనిషికి చదవడానికి వీలుగా లేనందున HSL కనుగొనబడింది: ఇది రంగు చక్రం చుట్టూ కోణంగా వర్ణాన్ని, సంతృప్తత, తేలికను శాతాలుగా ఇస్తుంది, కాబట్టి డిజైనర్ మూడు సంఖ్యలను తిరిగి లెక్కించకుండా ఏదైనా తేలికగా చేయగలడు. CMYK పూర్తిగా వేరే ప్రపంచానికి చెందినది, కాంతికి బదులు ఇంకు. ఇది వ్యవకలన పద్ధతి, నాలుగు ప్రింటింగ్ ప్లేట్లతో నిర్మించబడింది, తెర ఏ రంగునైనా చేరగలదు కానీ ఇది చేరలేదు, ఎందుకంటే తెర కాంతిని ప్రసరిస్తుంది, కాగితం ప్రతిబింబిస్తుంది మాత్రమే. వాటి కోసం, HEX ను HSL గా, HEX ను CMYK గా చూడండి.
మీరు వాటిని ఎక్కడ ఎదుర్కొంటారు
స్టైల్‌షీట్‌లలో
హెక్స్ మీరు స్టైల్‌షీట్‌లో టైప్ చేసేది, డిజైన్ సాధనం మీకు ఇచ్చేది. రంగుకు అంకగణితం అవసరమైన చోటల్లా RGB కనిపిస్తుంది: గ్రేడియంట్లు, పారదర్శకత, షేడ్‌ను లెక్కించే కోడ్. రెండు స్పెల్లింగ్‌లు తెలిసి ఉండి, వాటి మధ్య కదలగలగడం రోజువారీ ఫ్రంట్-ఎండ్ పనిలో భాగం.
స్క్రిప్ట్‌లు, కాన్వాస్ డ్రాయింగ్‌లో
డ్రాయింగ్ కోడ్‌కు తరచూ మూడు సంఖ్యలు విడిగా కావాలి, రెండు రంగులను కలపడానికి, ఒకదాన్ని స్థిర మొత్తంలో ముదురు చేయడానికి లేదా పిక్సెల్ లక్ష్యానికి సరిపోతుందో పరీక్షించడానికి. HEX ను RGB గా మార్చడం మీకు సంఖ్యలను నేరుగా ఇస్తుంది.
గ్రాఫిక్స్, ఇమేజ్ సాధనాల్లో
ఇమేజ్ ఎడిటర్లు సాధారణంగా రంగును మూడు సంఖ్యలుగా లేదా హెక్స్ కోడ్‌గా చూపిస్తాయి, రెండింటిలో ఏదైనా టైప్ చేయనిస్తాయి. రెండింటి మధ్య మారడం వెబ్ పేజీలోని రంగును సంఖ్యలు కోరే ప్రోగ్రామ్‌లో పునరుత్పత్తి చేయనిస్తుంది.
డాక్యుమెంటేషన్, బ్రాండ్ గైడ్‌లలో
బ్రాండ్ గైడ్ ఒక రంగును వెబ్ కోసం హెక్స్‌లో, తెరల కోసం RGB లో, ప్రింట్ కోసం CMYK లో జాబితా చేయవచ్చు. మొదటి రెండింటినీ ఏకీభవించేలా చేయడం ఒక మార్పిడి విషయం, అది వెయ్యి కరపత్రాలపై ముద్రించే ముందు అక్షర దోషాన్ని పట్టుకునే తనిఖీ.
RGB రూపం యొక్క ఆచరణాత్మక ఉపయోగాలు
రెండో రంగు లేకుండా పారదర్శకత
rgba(90, 70, 50, 0.5) తో మీకు రంగు సగం బలంతో వస్తుంది, దాని వెనుక ఉన్నది కనిపించేలా. కొత్తదాన్ని కనిపెట్టకుండా బ్రాండ్ రంగు నుంచి ఓవర్‌లేలు, నీడలు, రంగు నేపథ్యాలు చేసే ప్రామాణిక మార్గం ఇది.
తేలికైన, ముదురైన షేడ్‌లను లెక్కించడం
హోవర్ స్థితిని కొద్దిగా ముదురు చేయడానికి, స్క్రిప్ట్ మూడు సంఖ్యల్లో ప్రతిదాని నుంచి స్థిర మొత్తాన్ని తీసివేయగలదు. హెక్స్ స్ట్రింగ్‌పై అదే చేయడం ఇబ్బంది; rgb లో అది సరళమైన అంకగణితం. మీకు వర్ణం ఆధారిత సర్దుబాటు కావాలంటే, బదులుగా HEX ను HSL గా మార్చండి.
కాంట్రాస్ట్ తనిఖీలు
అందుబాటు సాధనాలు రెండు రంగుల మధ్య కాంట్రాస్ట్‌ను వాటి ఎరుపు, ఆకుపచ్చ, నీలం విలువల నుంచి లెక్కిస్తాయి. సంఖ్యలు ఉంటే మీరు లెక్కను మీరే చేయవచ్చు, లేదా నేపథ్యంపై వచనం చదవడానికి వీలుగా ఉందని నిర్ధారించడానికి వాటిని చెకర్‌లో పేస్ట్ చేయవచ్చు.
HEX ను RGB గా మార్చేటప్పుడు ఉచ్చులు
ఆల్ఫా జతను మరచిపోవడం
ఎనిమిది అంకెల కోడ్‌లో చివరి రెండు అంకెల్లో పారదర్శకత ఉంటుంది. వాటిని తీసేస్తే, దాన్ని కోల్పోతారు. ఫలితం రంగు అని నిర్ణయించే ముందు కోడ్ పొడవును తనిఖీ చేయండి.
క్రమాన్ని కలపడం
హెక్స్ అంటే ఎరుపు, ఆకుపచ్చ, నీలం. కొన్ని ఫార్మాట్‌లు, కొన్ని పాత గ్రాఫిక్స్ API లు, నీలం, ఆకుపచ్చ, ఎరుపు వాడతాయి. ఒక ప్రత్యేక ప్రోగ్రామ్‌లో రంగు తప్పుగా వస్తే, దాని ఛానెల్ క్రమాన్ని తనిఖీ చేయండి.
స్క్రీన్‌షాట్ నుంచి కాపీ చేయడం
స్క్రీన్‌షాట్ నుంచి చదివిన రంగు తెర రంగు నిర్వహణ, ఏదైనా కంప్రెషన్ తర్వాత రంగు. అది మూల ఫైల్‌లోని రంగు నుంచి కొద్దిగా భిన్నంగా ఉండవచ్చు. వీలైనప్పుడు డిజైన్ ఫైల్‌ను వాడండి.
తెరలు ఏకీభవిస్తాయని భావించడం
రెండు తెరలు ఒకే కోడ్‌ను కొద్దిగా భిన్నంగా చూపిస్తాయి. సంఖ్యలు ఖచ్చితమైనవి; మీరు చూసేది డిస్‌ప్లే, దాని ప్రొఫైల్‌పై ఆధారపడుతుంది.
మార్చే ముందు ప్రజలు అడిగే ప్రశ్నలు
RGB లో #FF0000 ఏమిటి?
rgb(255, 0, 0), స్వచ్ఛమైన ఎరుపు.
RGB లో #FFFFFF ఏమిటి?
rgb(255, 255, 255), తెలుపు.
నేను మూడు అంకెల కోడ్‌ను మార్చవచ్చా?
అవును. ప్రతి అంకె రెట్టింపు అవుతుంది: #09C #0099CC అవుతుంది, అది rgb(0, 153, 204).
మార్పిడి ఖచ్చితమైనదా?
అవును. ఇది అదే మూడు సంఖ్యల రెండు స్పెల్లింగ్‌లు.
నా రంగు అప్‌లోడ్ అవుతుందా?
లేదు. అంకగణితం మీ బ్రౌజర్‌లో నడుస్తుంది, ఏదీ ఎక్కడికీ పంపబడదు.
తిరిగి ఎలా వెళ్లాలి?
RGB ను HEX గా తో, అది మూడు సంఖ్యలను హెక్స్ కోడ్‌గా రాస్తుంది.
HEX ను RGB గా మార్చేటప్పుడు తెలివిగా ఎంచుకోవడం
తర్వాత మీకు ఏమి కావాలో తెలుసుకోండి
మీకు పారదర్శకత కావాలంటే, rgba() సహజ రూపం. తేలిక లేదా వర్ణాన్ని సర్దుబాటు చేయాలంటే, HSL సులువు. రంగు ప్రింట్‌కు వెళ్తుంటే, ఆ మార్పిడి మోసే హెచ్చరికలతో CMYK తదుపరి అడుగు. RGB ను CMYK గా చూడండి.
హెక్స్‌ను మాస్టర్‌గా ఉంచండి
బ్రాండ్ పాలెట్‌లోని రంగులకు, హెక్స్ కోడ్‌ను సూచనగా ఉంచండి. ఇది చిన్నది, సందిగ్ధత లేనిది, అన్నిచోట్లా అర్థమవుతుంది. అవసరమైనప్పుడు దాని నుంచి ఇతర రూపాలను పొందండి.
కస్టమ్ ప్రాపర్టీలు వాడండి
CSS లో, రంగులను ఒకసారి, --brand: #5A4632 లాగా, నిర్వచించి పేరుతో సూచించండి. rgba() కోసం మీకు సంఖ్యలు కావాలంటే, --brand-rgb: 90 70 50 ను కూడా నిర్వచించండి. అప్పుడు మార్పిడి ఒక్కసారే జరుగుతుంది.
ఆధునిక CSS, RGB రూపం
స్పేస్-వేరు చేసిన సింటాక్స్
ప్రస్తుత CSS rgb() ను ఖాళీలతో, పారదర్శకతకు స్లాష్‌తో, rgb(90 70 50 / 50%) లాగా అంగీకరిస్తుంది. సంఖ్యలు కామా రూపంలో లాగానే ఉంటాయి, కాబట్టి మార్పిడి ఫలితం రెండింటిలోనూ పని చేస్తుంది. పాత బ్రౌజర్‌లు, కొన్ని సాధనాలు కామాలను ఆశిస్తాయి, కాబట్టి రంగు ఎక్కడ వాడబడుతుందో తెలియనప్పుడు కామా రూపం సురక్షిత ఎంపికగా ఉంటుంది.
శాతాలు, భిన్నాలు
RGB ను rgb(35% 27% 20%) లాగా శాతాలతో కూడా రాయవచ్చు, అక్కడ 100 శాతం అంటే 255. పేజీ పూర్ణ సంఖ్యలను ఇస్తుంది, ఎందుకంటే హెక్స్ నిల్వ చేసేవి, చాలా సాధనాలు ఆశించేవి అవే. మీకు శాతాలు కావాలంటే, ప్రతి సంఖ్యను 255 తో భాగించి 100 తో గుణించండి.
మూడు సంఖ్యల కోసం కస్టమ్ ప్రాపర్టీలు
ఒక సాధారణ ఉపాయం మూడు సంఖ్యలను మాత్రమే కస్టమ్ ప్రాపర్టీలో, --brand-rgb: 90 70 50, నిల్వ చేసి, rgb(var(--brand-rgb) / 0.5) గా వాడడం. ఇది ఒకే నిర్వచనం ఘన, పారదర్శక వినియోగాలు రెండింటికీ ఉపయోగపడేలా చేస్తుంది. ఈ ప్రయోజనం కోసం HEX ను RGB గా మార్చినప్పుడు, సమాధానం నుంచి సంఖ్యలను మాత్రమే కాపీ చేయండి.
ఆచరణలో రంగుతో పని చేయడం
బ్రాండ్ గైడ్‌తో సరిపోల్చండి
బ్రాండ్ గైడ్ ఒకే రంగుకు హెక్స్, rgb రెండూ ఇస్తే, ఒకదాన్ని మార్చి మరొకదానితో పోల్చండి. సరిపోకపోవడం సాధారణంగా గైడ్‌లో అక్షర దోషం అని అర్థం, ప్రతి పేజీలో వాడే ముందు దాన్ని కనుగొనడం అది తీసుకునే నిమిషానికి విలువైనది.
పాలెట్‌ను చిన్న జాబితాగా ఉంచండి
చాలా సైట్‌లు ఐదు నుంచి ఎనిమిది రంగులు వాడతాయి. వాటిని రెండు రూపాల్లోనూ నోట్‌లో రాయండి. కొత్త కాంపోనెంట్ కోసం HEX ను RGB గా మార్చాల్సిన ప్రతిసారీ, మళ్లీ లెక్కించకుండా చూసుకోవచ్చు, పాలెట్ స్థిరంగా ఉంటుంది.
పాత్ర ప్రకారం రంగులకు పేర్లు పెట్టండి
ప్రైమరీ, సర్ఫేస్, వార్నింగ్ లాంటి పేర్లు ఆకుపచ్చ లేదా గోధుమ లాంటి పేర్ల కంటే రీడిజైన్‌లను బాగా తట్టుకుంటాయి. మార్పిడి మీకు సంఖ్యలను ఇస్తుంది; పేరు అవి దేనికో చెబుతుంది.
సంబంధిత కన్వర్టర్లు
ఇదే సాధనాల కుటుంబం పక్కనున్న మార్పిడులను కవర్ చేస్తుంది. తిరిగి వెళ్లడానికి, RGB ను HEX గా వాడండి. వర్ణంతో వర్ణించిన రంగుల కోసం, HEX ను HSL గా, HSL ను HEX గా అందుబాటులో ఉన్నాయి, ప్రింట్ కోసం, HEX ను CMYK గా, CMYK ను HEX గా, CMYK ను RGB గా. అదే స్టైల్‌షీట్‌లోని పరిమాణాల కోసం, ఈ పేజీ రంగులకు చేసేది px ను rem గా, px ను em గా పొడవులకు చేస్తాయి.
ఒక పని చేసిన ఉదాహరణ
మీ బ్రాండ్ రంగు #1E7A5C అనుకోండి, కార్డ్ నేపథ్యం కోసం మీకు పారదర్శక వెర్షన్ కావాలి. మీరు కోడ్ టైప్ చేసి rgb(30, 122, 92) చదువుతారు. స్టైల్‌షీట్‌లో మీరు background: rgba(30, 122, 92, 0.12), అదే ఆకుపచ్చ యొక్క చాలా తేలికైన టింట్, అంచుకు rgba(30, 122, 92, 0.4) రాస్తారు. కార్డ్ తెల్ల పేజీపై, బూడిద పేజీపై సౌకర్యంగా కూర్చుంటుంది, ఎందుకంటే పారదర్శకత పేజీని గుండా వెళ్లనిస్తుంది. బ్రాండ్ రంగు తర్వాత మారినప్పుడు, మీరు ఒక కస్టమ్ ప్రాపర్టీలో మూడు సంఖ్యలను మారుస్తారు, ప్రతి టింట్ అనుసరిస్తుంది.
ఒక చిన్న చెక్‌లిస్ట్
మార్చే ముందు
కోడ్ పొడవును తనిఖీ చేయండి: మూడు, ఆరు లేదా ఎనిమిది అంకెలు. మీకు పారదర్శకత కావాలో నిర్ణయించండి.
మార్చేటప్పుడు
కోడ్‌ను పేస్ట్ చేసి, rgb విలువను చదివి, దాని బ్రాకెట్లతో, లేదా మూడు సంఖ్యలను మాత్రమే, కాపీ చేయండి.
మార్చిన తర్వాత
రంగును సందర్భంలో, నిజమైన నేపథ్యంపై, పరీక్షించి, దానిపై ఉన్న ఏ వచనం కాంట్రాస్ట్‌నైనా తనిఖీ చేయండి.
సాధారణ పొరపాట్లు
పారదర్శకత జతను వదిలేయడం
ఎనిమిది అంకెలు అంటే ఆల్ఫా. దాన్ని ఉంచండి లేదా rgba() గా మార్చండి.
ఛానెల్ క్రమాన్ని కలపడం
హెక్స్ ముందు ఎరుపు. కొన్ని సాధనాలు ముందు నీలం ఆశిస్తాయి.
తెరను సత్యంగా భావించడం
సంఖ్యలు ఖచ్చితమైనవి. రూపం డిస్‌ప్లేపై ఆధారపడుతుంది.
మీ రంగులు మీ పరికరంలోనే ఉంటాయి
లెక్క స్థానికంగా జరుగుతుంది. మీ విలువలను మీ సొంత బ్రౌజర్ వాడుతుంది, ఏదీ ఎక్కడికీ పంపబడదు. తర్వాత తొలగించడానికి ఏమీ లేదు, సృష్టించడానికి ఖాతా లేదు. HEX ను RGB గా మార్చడానికి అదే సరళమైన మార్గం.
సారాంశం
ఇక్కడ HEX ను RGB గా మార్చడానికి, హెక్స్ కోడ్‌ను టైప్ చేయండి లేదా పేస్ట్ చేయండి, rgb విలువను వెంటనే చదవండి. మార్పిడి రంగును ఖచ్చితంగా నిలుపుకుంటుంది: హెక్స్, rgb() అనేవి ఒకే మూడు సంఖ్యల రెండు స్పెల్లింగ్‌లు, ఎరుపు, ఆకుపచ్చ, నీలానికి 0 నుంచి 255, కాబట్టి ఏదీ అంచనా వేయబడదు, రౌండ్ ట్రిప్ మొదలుపెట్టినదాన్నే తిరిగి ఇస్తుంది. పారదర్శకతకు నాలుగో విలువ కూడా తీసుకెళ్లబడుతుంది, ఎందుకంటే #RRGGBBAA rgba() అవుతుంది, తిరిగి కూడా. రెండు స్పెల్లింగ్‌లూ sRGB ను వర్ణిస్తాయి, కాబట్టి దాని వెలుపలి రంగులను వర్ణించలేవు, సంక్షిప్త రూపం నిలుపుకోబడకుండా విస్తరించబడుతుంది: #abc #AABBCC గా తిరిగి వస్తుంది. ఏదీ అప్‌లోడ్ కాదు.