RGB ను HEX గా మార్చడం Red Green Blue ↔ Hexadecimal ఉచితం ఆన్‌లైన్ సురక్షితం
RGB లో ఒక విలువ రాయండి, అక్కడే దాన్ని HEX గా చదువుకోండి. లెక్క మీ బ్రౌజర్‌లోనే జరుగుతుంది, ఎక్కడికీ ఏదీ పంపబడదు, జవాబు దేనిమీద ఆధారపడుతుందో ఊహించకుండా కింద రాసి ఉంది.
ఏదీ అప్‌లోడ్ కాదు
ఈ రాత పద్ధతులు ఎక్కడి నుండి వచ్చాయి
హెక్స్, RGB ఒకే విషయాన్ని రెండుసార్లు రాసినవి. తెర మీది రంగు అంటే మూడు సంఖ్యలు — ఎంత ఎరుపు, ఆకుపచ్చ, నీలి కాంతిని వెలువరించాలి — ఒక్కొక్కటీ 0 నుండి 255 దాకా, అంటే ఒక బైటు; హెక్స్ ఆ బైట్లను పదహారు ఆధారంలో రాస్తుందంతే; కాబట్టి #FF8800, rgb(255, 136, 0) రెండూ ఒకే పిక్సెల్‌కు ఇచ్చిన ఒకే ఆజ్ఞ. HSL కనిపెట్టడానికి కారణం — ఆ రెండూ మనిషికి చదవడానికి పనికిరావు. అది రంగు ఛాయను రంగు చక్రం మీది కోణంగా, సాంద్రతను, ప్రకాశాన్ని శాతాలుగా ఇస్తుంది; కాబట్టి డిజైనరు మూడు అంకెలను మళ్ళీ లెక్కించకుండానే దేన్నైనా లేతగా చేయగలడు. CMYK పూర్తిగా వేరే ప్రపంచానిది — కాంతిది కాదు, సిరాది. అది వ్యవకలన పద్ధతిది, నాలుగు ముద్రణ ఫలకాలతో కట్టినది; తెర ఇవ్వగల ప్రతి రంగునూ అందుకోలేదు — ఎందుకంటే తెర కాంతిని వెలువరిస్తుంది, కాగితం దాన్ని ప్రతిఫలించడమే చేస్తుంది.
ఇవి మీకు ఎక్కడ ఎదురవుతాయి
హెక్స్ అంటే మీరు స్టైల్‌షీటులో టైపు చేసేది, డిజైను పనిముట్టు మీ చేతికిచ్చేది. RGB రంగుకు లెక్క అవసరమైన ప్రతిచోటా కనిపిస్తుంది: వర్ణక్రమాలు, పారదర్శకత, ఒక ఛాయను లెక్కించే కోడు. ఒక రంగుల పలకను చేత్తో సరిచేసేటప్పుడు HSL వైపు చెయ్యి వెళ్తుంది — ఎందుకంటే కోరుకునే మార్పులు సాధారణంగా దాని మూడు అంకెల్లో ఒకదాని మార్పే. CMYK అంటే ముద్రణాలయం అడిగేది; దానికి మార్చే క్షణమే, ఒక డిజైను కాంతిగా ఉండటం మాని సిరా అయ్యే క్షణం.
తరచుగా అడిగే ప్రశ్నలు
నా CMYK ఫలితం ముద్రణాలయం ఇచ్చిన దానికన్నా ఎందుకు వేరుగా ఉంది?
ఎందుకంటే సరైన మార్పిడి ఒక్కటే అన్నది లేనే లేదు. ఈ పేజీలోని లెక్క సరళమైనది, పరికరంతో సంబంధం లేనిది; మీకు ఒక ఆరంభ బిందువో, సుమారు సమానమైన విలువో కావాలంటే అదే సరైన జవాబు. ముద్రణాలయం ఒక రంగు ప్రొఫైలు ద్వారా మారుస్తుంది; అది నిర్దిష్ట సిరాను, కాగితాన్ని, యంత్రాన్ని లెక్కలోకి తీసుకుంటుంది. అదే RGB రంగు మెరిసే కాగితం మీద ఒకలా, పూత లేని కాగితం మీద మరోలా CMYK విలువలు ఇస్తుంది. ఖచ్చితంగా సరిపోవలసిన దేనికైనా, ఒక సూత్రాన్ని నమ్మే బదులు ముద్రణాలయం వారి ప్రొఫైలును అడగండి.
తెర మీది కొన్ని రంగులను ఎందుకు ముద్రించలేం?
ఎందుకంటే రెండూ ఒకే రంగులను అందుకోలేవు. తెర కాంతిని కలిపి రంగును చేస్తుంది; సిరా ఏమాత్రం సాటిరాలేని మెరిసే, దట్టమైన నీలిపచ్చ లేదా ఆకుపచ్చ ఇవ్వగలదు. కాగితం కాంతిని పీల్చుకుని రంగును చేస్తుంది; అది అందుకోగల అత్యంత ప్రకాశం పేజీ తెలుపే. ఒక్కొక్కటీ అందుకోగల రంగుల సమూహాన్ని «గ్యామట్» అంటారు; అవి ఒకదానిపై ఒకటి పడని చోట, మార్పిడి దొరికే వాటిలో అత్యంత దగ్గరి రంగును ఎంచుకోక తప్పదు. తెరపై మెరిసే రంగు ముద్రణలో తరచూ కాస్త మసకగా కనిపించడానికి కారణం అదే.
సమాధానం ఖచ్చితమేనా?
రెండు ప్రమాణాలూ పూర్ణ సంఖ్యలతో ఒకదానినొకటి నిర్వచించే చోట అవును — పేజీ దాన్ని సంఖ్య పైనే చెబుతుంది, గుండ్రీకరణ అనేది ఎన్ని అంకెలు చూపాలి అన్నదానిలోనే ఉంటుంది. నిష్పత్తికి పరిమిత దశాంశం లేని చోట, పేజీ పన్నెండు సార్థక అంకెలు చూపి సంబంధం సుమారైనదని చెబుతుంది — వేరేలా నటించదు.
నేను టైప్ చేసేది నా పరికరం నుండి బయటకు వెళ్తుందా?
లేదు. లెక్క మీ బ్రౌజర్‌లోనే జరుగుతుంది; ఏదీ అప్‌లోడ్ కాదు, అప్‌లోడ్ చేయడానికి సర్వరే లేదు. పేజీని ఒకసారి తెరిస్తే, నెట్‌వర్క్ ఆపేసినా పనిచేస్తుంది.
RGB ను HEX గా ఎందుకు మార్చాలి
ఇమేజ్ ఎడిటర్, ఆపరేటింగ్ సిస్టమ్‌లోని కలర్ పికర్ లేదా కోడ్ పంక్తి మీకు రంగును మూడు సంఖ్యలుగా ఇస్తుంది: 90, 70, 50. స్టైల్‌షీట్, డిజైన్ టోకెన్ ఫైల్ లేదా సహోద్యోగికి సందేశం దాన్ని ఒక చిన్న కోడ్‌గా కోరుతుంది: #5A4632. వాటి మధ్య అడుగే ఈ పేజీ చేసేది. RGB ను HEX గా మార్చడం అంటే అవే మూడు సంఖ్యలను పదహారు ఆధారంలో, ఒక్కొక్కటి రెండు అంకెలతో రాసి, ముందు హాష్ గుర్తు పెట్టడం. ఒక్క రంగుకు చేయడం సులభం, ఇరవైకి విసుగు, సంఖ్యకు ముందు సున్నా అవసరమైనప్పుడు లేదా అంకె అక్షరం అయినప్పుడు తప్పు చేయడం సులభం.
మార్పిడి ఖచ్చితమైనది, ప్రతి రంగు మార్పిడికి అది నిజం కాదు. హెక్స్, rgb() అనేవి స్క్రీన్ వెలువరించాల్సిన ఎరుపు, ఆకుపచ్చ, నీలం కాంతి మొత్తాల అవే మూడు సంఖ్యల రెండు స్పెల్లింగ్‌లు, ఒక్కొక్కటి 0 నుంచి 255 వరకు. ఏదీ అంచనా వేయబడదు, రౌండ్ ట్రిప్ మొదలుపెట్టినదాన్ని తిరిగి ఇస్తుంది. పేజీ దీన్ని మీ బ్రౌజర్‌లో చేస్తుంది, ఏదీ అప్‌లోడ్ కాదు. కింద మీకు ప్రతి సంఖ్య రెండు హెక్స్ అంకెలుగా ఎలా మారుతుంది, పారదర్శకత ఎలా తీసుకెళ్లబడుతుంది, sRGB పరిమితులు, ప్రజలు RGB ను HEX గా మార్చాల్సిన చోట్లు, ప్రాజెక్ట్‌లో రంగులను స్థిరంగా ఉంచే కొన్ని అలవాట్లు కనిపిస్తాయి.
మార్పిడి ఎలా పని చేస్తుంది
ప్రతి సంఖ్య రెండు హెక్స్ అంకెలు అవుతుంది
rgb(90, 70, 50) తీసుకోండి. ప్రతి సంఖ్యను పదహారుతో భాగించండి: 90 అంటే 5 సార్లు 16 ప్లస్ 10, 10 అంకె A, కాబట్టి 90 5A అవుతుంది. 70 అంటే 4 సార్లు 16 ప్లస్ 6, కాబట్టి 46. 50 అంటే 3 సార్లు 16 ప్లస్ 2, కాబట్టి 32. మూడు జతలను కలిపి హాష్ గుర్తు జోడించండి: #5A4632. మీరు టైప్ చేస్తుండగా పేజీ మీ కోసం దీన్ని చేసి, మీరు ధృవీకరించగలిగేలా rgb(90, 70, 50) = #5A4632 వాక్యాన్ని చూపుతుంది.
ముందు సున్నాలు
ప్రతి జతకు రెండు అంకెలు ఉండాలి. 16 కంటే తక్కువ సంఖ్యకు ముందు సున్నా కావాలి: 7 అవుతుంది 07, 0 అవుతుంది 00. కాబట్టి rgb(0, 7, 255) అంటే #0007FF, #07FF కాదు, అది చాలా భిన్నమైన అర్థం ఇస్తుంది. చేతితో మార్చేటప్పుడు సున్నాను మరచిపోవడం అత్యంత సాధారణ పొరపాటు.
పరిధి
ప్రతి సంఖ్య 0 నుంచి 255 మధ్య ఉండాలి. 255 పైన విలువను రెండు హెక్స్ అంకెలలో రాయలేరు, ప్రతికూల విలువకు అర్థం లేదు. మీ కోడ్‌లోని లెక్క 270 లేదా −5 ఉత్పత్తి చేస్తే, ముందు దాన్ని పరిధికి పరిమితం చేయండి. కన్వర్టర్ అదే చేస్తుంది, తద్వారా చెల్లని కోడ్‌ను ఎప్పుడూ ఉత్పత్తి చేయదు.
మార్పిడి ఏమి ఉంచుతుంది, ఏమి ఉంచలేదు
రంగును ఖచ్చితంగా ఉంచుతుంది
హెక్స్, rgb() అనేవి ఎరుపు, ఆకుపచ్చ, నీలానికి 0 నుంచి 255 వరకు అవే మూడు సంఖ్యల రెండు స్పెల్లింగ్‌లు, కాబట్టి ఏదీ అంచనా వేయబడదు, రౌండ్ ట్రిప్ మొదలుపెట్టినదాన్ని తిరిగి ఇస్తుంది. RGB ను HEX గా మార్చి తిరిగి మారిస్తే మీరు మొదలుపెట్టిన సంఖ్యలే వస్తాయి.
పారదర్శకతను తీసుకెళ్తుంది
పారదర్శకత కోసం నాలుగో విలువ కూడా తీసుకెళ్లబడుతుంది: #RRGGBBAA rgba() అవుతుంది, తిరిగి కూడా. 0.5 పారదర్శకత 80 జత అవుతుంది, ఎందుకంటే 255 లో సగం సుమారు 128, అది హెక్స్‌లో 80. కాబట్టి rgba(90, 70, 50, 0.5) అంటే #5A463280. ఎనిమిది-అంకెల హెక్స్‌ను ప్రస్తుత బ్రౌజర్‌లన్నీ అంగీకరిస్తాయి.
sRGB వెలుపలి రంగులను వర్ణించలేదు
రెండు స్పెల్లింగ్‌లు sRGB ని వర్ణిస్తాయి, స్క్రీన్ ముప్పై ఏళ్లుగా వాడుతున్న రంగు స్థలం. దాని వెలుపలి రంగును అవి వర్ణించలేవు, కొత్త CSS సంకేతాలు, lab(), oklch(), color() ఉనికిలో ఉన్నది అందుకే. మీరు విస్తృత-గామట్ సాధనంలోని రంగు నుంచి మొదలుపెడితే, మీరు కాపీ చేసే మూడు సంఖ్యలు ఇప్పటికే sRGB వెర్షన్, హెక్స్ వాటికి విశ్వసనీయంగా ఉంటుంది.
సంక్షిప్త రూపాన్ని ఉంచదు
కోడ్‌ను #AABBCC ను #ABC గా మూడు అంకెలలో రాయగలిగిన చోట, కన్వర్టర్ పొడవైన రూపాన్ని ఇస్తుంది. పొడవైన రూపం ఎల్లప్పుడూ చెల్లుతుంది, అదే రంగు; సంక్షిప్త రూపం పాఠకునికి సౌలభ్యం మాత్రమే.
సాధారణ రంగులు, వాటి కోడ్‌లు
గుర్తుంచుకోవడానికి కొన్ని
rgb(255, 255, 255) అంటే #FFFFFF, తెలుపు: మూడు కాంతులూ పూర్తి శక్తితో. rgb(0, 0, 0) అంటే #000000, నలుపు: అసలు కాంతి లేదు. rgb(255, 0, 0) అంటే #FF0000, స్వచ్ఛమైన ఎరుపు; rgb(0, 255, 0) అంటే #00FF00, rgb(0, 0, 255) అంటే #0000FF. మూడు సమాన సంఖ్యలు ఉన్న ఏ రంగైనా బూడిద, దాని కోడ్‌కు మూడు సమాన జతలు ఉంటాయి: rgb(128, 128, 128) అంటే #808080.
వెబ్-సేఫ్ అలవాటు
పాత మార్గదర్శకాలు వెబ్-సేఫ్ రంగుల గురించి మాట్లాడాయి, వాటి జతలు 00, 33, 66, 99, CC లేదా FF మాత్రమే. అవి 256-రంగు స్క్రీన్‌ల రోజులకు చెందినవి, నిలిచి ఉండటానికి కారణం లేదు. మీకు నచ్చిన ఏ విలువనైనా వాడండి; స్క్రీన్ అన్నింటినీ చూపగలదు.
ఇక్కడ RGB ను HEX గా ఎలా మార్చాలి
మూడు సంఖ్యలను టైప్ చేయండి
మొదటి ఫీల్డ్‌లో రంగును rgb(90, 70, 50) రూపంలో, లేదా కామాలు లేదా ఖాళీలతో వేరు చేసిన సంఖ్యలతో నమోదు చేయండి. శాతాలు అవసరం లేదు; 0 నుంచి 255 వరకు సంఖ్యలు వాడండి.
హెక్స్ కోడ్‌ను చదవండి
సమాధానం హాష్ గుర్తుతో మొదలై, పెద్ద అక్షరాలలో, మరో ఫీల్డ్‌లో వెంటనే కనిపిస్తుంది. మీరు పారదర్శకత కోసం నాలుగో విలువ ఇస్తే, కోడ్‌కు ఎనిమిది అంకెలు ఉంటాయి.
మీ పనిలోకి కాపీ చేయండి
కోడ్‌ను స్టైల్‌షీట్‌లో, టోకెన్ ఫైల్‌లో లేదా సందేశంలో అతికించండి. తదుపరి మార్పిడి ఒక లుక్‌అప్ అయ్యేలా మీ పాలెట్ నోట్‌కు జోడించండి.
ఈ సంకేతాలు ఎక్కడ నుంచి వచ్చాయి
హెక్స్, RGB ఒకే విషయం రెండుసార్లు రాసినవి
స్క్రీన్ రంగు మూడు సంఖ్యలు: ఎంత ఎరుపు, ఆకుపచ్చ, నీలం కాంతిని వెలువరించాలి, ఒక్కొక్కటి 0 నుంచి 255 వరకు, అది ఒక బైట్. హెక్స్ ఆ బైట్లను పదహారు ఆధారంలో రాస్తుంది, కాబట్టి #FF8800, rgb(255, 136, 0) అదే పిక్సెల్‌కు అదే సూచన.
HSL, CMYK
మనిషి చదవడానికి రెండూ వీలు కావని HSL కనుగొనబడింది: అది రంగును వర్ణచక్రం చుట్టూ కోణంగా, సంతృప్తత, తేలికను శాతాలుగా ఇస్తుంది, తద్వారా డిజైనర్ మూడు సంఖ్యలను తిరిగి లెక్కించకుండా ఏదైనా తేలికగా చేయవచ్చు. CMYK పూర్తిగా వేరే ప్రపంచానికి చెందినది, కాంతికి బదులు సిరా. అది వ్యవకలన పద్ధతి, నాలుగు ముద్రణ ప్లేట్లతో నిర్మించబడింది, స్క్రీన్ చేరగల ప్రతి రంగును అది చేరుకోలేదు, ఎందుకంటే స్క్రీన్ కాంతిని వెలువరిస్తుంది, కాగితం దాన్ని ప్రతిబింబిస్తుంది మాత్రమే. చూడండి HEX ను HSL గా, RGB ను CMYK గా.
మీరు వాటిని ఎక్కడ ఎదుర్కొంటారు
డిజైన్ హ్యాండ్‌ఆఫ్‌లో
డిజైనర్ rgb విలువలు చూపే ఎడిటర్‌లో లేదా పికర్‌లో పని చేస్తాడు; డెవలపర్‌కు స్టైల్‌షీట్ కోసం హెక్స్ కావాలి. RGB ను HEX గా మార్చడం మధ్యలో ఉన్న అడుగు, పాలెట్‌లోని ప్రతి రంగుకు అది చేయబడుతుంది.
రంగులను లెక్కించే స్క్రిప్ట్‌లలో
రెండు రంగులను కలిపే లేదా ఒకదాన్ని ముదురు చేసే స్క్రిప్ట్ సంఖ్యలతో పని చేసి వాటిలో మూడింటితో ముగుస్తుంది. ఫలితాన్ని స్టైల్‌షీట్‌లో వాడాలంటే, లేదా చూపించాలంటే, దాన్ని హెక్స్ కోడ్‌గా రాయాలి. కోడ్‌లో చేతితో చేయడం కొన్ని పంక్తులు, కన్వర్టర్‌తో ఫలితాన్ని తనిఖీ చేయడం వేగవంతం.
డేటా విజువలైజేషన్‌లో
చార్ట్ లైబ్రరీలు రంగులను హెక్స్ స్ట్రింగ్‌లుగా అంగీకరిస్తాయి. సంఖ్యాత్మక పద్ధతులతో ఉత్పత్తి చేసిన పాలెట్‌లు rgb ట్రిపుల్‌లుగా వస్తాయి. మార్పిడి అడుగు ఒకదాన్ని మరొకదానికి మారుస్తుంది.
పత్రాలు, ప్రెజెంటేషన్‌లలో
ఆఫీస్ ప్రోగ్రామ్‌లు రంగులను RGB సంఖ్యలుగా చూపుతాయి; వెబ్ ఎడిటర్‌లకు హెక్స్ కావాలి. బ్రాండ్ రంగు రెండింటిలోనూ కనిపించాల్సినప్పుడు, మార్పిడి వాటిని ఒకేలా ఉంచుతుంది.
RGB ను HEX గా మార్చేటప్పుడు ఉచ్చులు
ముందు సున్నాను మరచిపోవడం
7 ను 07 కు బదులు 7 అని రాస్తే తర్వాతి ప్రతి అంకె జరుగుతుంది. ప్రతి జతకు ఎల్లప్పుడూ రెండు అంకెలు వాడండి.
శాతాన్ని 0 నుంచి 255 తో కలపడం
rgb(35%, 27%, 20%) అనేది సంఖ్యల వేరే స్పెల్లింగ్, 100 శాతం అంటే 255. మీ మూలం శాతాలు వాడితే, ముందు వాటిని 0 నుంచి 255 కు మార్చండి: 2.55 తో గుణించండి.
లెక్కించిన రంగులలో రౌండింగ్ దోషాలు
127.5 ఉత్పత్తి చేసే స్క్రిప్ట్ అది 127 లేదా 128 అని నిర్ణయించాలి. తేడా కనిపించదు, కానీ మీరు ఒకే రంగు అనుకున్న దానికి రెండు కోడ్‌లు ఏర్పడతాయి. ప్రతిచోటా ఒకే విధంగా గుండ్రం చేయండి.
స్క్రీన్‌షాట్ నుంచి రంగు తీసుకోవడం
స్క్రీన్‌షాట్ నుంచి చదివిన రంగు స్క్రీన్ రంగు నిర్వహణ గుండా, బహుశా సంపీడనం గుండా వెళ్లింది. మూలం నుంచి అది ఒకటి రెండు అడుగులు భిన్నంగా ఉండవచ్చు. వీలైనప్పుడు డిజైన్ ఫైల్ వాడండి.
మార్చే ముందు ప్రజలు అడిగే ప్రశ్నలు
హెక్స్‌లో rgb(255, 0, 0) అంటే ఏమిటి?
#FF0000, స్వచ్ఛమైన ఎరుపు.
హెక్స్‌లో rgb(0, 0, 0) అంటే ఏమిటి?
#000000, నలుపు.
హెక్స్ కోడ్‌లో చిన్న అక్షరాలు వాడవచ్చా?
అవును. #5a4632, #5A4632 ఒకే రంగు. పేజీ పెద్ద అక్షరాలు రాస్తుంది.
మార్పిడి ఖచ్చితమైనదా?
అవును. అవి అవే మూడు సంఖ్యల రెండు స్పెల్లింగ్‌లు.
నా రంగు అప్‌లోడ్ అవుతుందా?
లేదు. లెక్క మీ బ్రౌజర్‌లో నడుస్తుంది, ఏదీ ఎక్కడికీ పంపబడదు.
తిరిగి ఎలా వెళ్లాలి?
HEX ను RGB గా వాడండి, అది మూడు జతలను సంఖ్యలుగా చదువుతుంది.
ప్రాజెక్ట్‌లో రంగులను స్థిరంగా ఉంచే అలవాట్లు
ప్రతి రంగును ఒకసారి నిర్వచించండి
మీ పాలెట్‌ను --brand: #5A4632 వంటి కస్టమ్ ప్రాపర్టీలలో ఉంచి, రంగులను పేరుతో సూచించండి. కొత్త రంగు కోసం RGB ను HEX గా మార్చినప్పుడు, ఒక పంక్తి జోడిస్తారు, ప్రతి వాడకం దాన్ని అనుసరిస్తుంది.
ఒక కేసును ఎంచుకోండి
హెక్స్ కోడ్‌లకు పెద్ద లేదా చిన్న అక్షరాలను ఎంచుకుని దానికి కట్టుబడి ఉండండి. అప్పుడు కోడ్‌లో రంగు కోసం వెతకడం నమ్మదగినది.
మూలాన్ని నమోదు చేయండి
ప్రతి రంగు పక్కన, అది ఎక్కడ నుంచి వచ్చిందో నోట్ చేయండి: బ్రాండ్ గైడ్, లోగో, నమూనా తీసిన చిత్రం. రంగు సరైనదేనా అనే ప్రశ్న వచ్చినప్పుడు, ఎక్కడ తనిఖీ చేయాలో మీకు తెలుస్తుంది.
కాంట్రాస్ట్ పరీక్షించండి
రంగు నేపథ్యంపై వచనానికి, ఒక సాధనంతో కాంట్రాస్ట్ నిష్పత్తిని తనిఖీ చేయండి. rgb రూపంలోని సంఖ్యలు నేరుగా ఫార్ములాలోకి వెళ్తాయి, చాలా చెకర్‌లలో మీరు టైప్ చేసేది హెక్స్ రూపం.
256 అడుగులు ఎందుకు, సంఖ్యల వెనుక ఏముంది
ప్రతి కాంతికి ఎనిమిది బిట్‌లు
మూడు సంఖ్యలలో ప్రతిదీ ఎనిమిది బిట్‌లలో నిల్వ చేయబడుతుంది, అది 0 నుంచి 255 వరకు 256 విలువలను అనుమతిస్తుంది. వాటిలో మూడు కలిసి 256 × 256 × 256, సుమారు 16.7 మిలియన్ కలయికలు ఇస్తాయి, చాలా పరిస్థితులలో కన్ను వేరు చేయగలిగిన దానికంటే ఎక్కువ. హెక్స్ కోడ్‌లు సరిగ్గా ఆరు అంకెల పొడవు ఉండటానికి కారణం అదే: ప్రతి కాంతికి రెండు, ఎక్కువ కాదు తక్కువ కాదు. RGB ను HEX గా మార్చినప్పుడు మూడు బైట్లను ప్రజలు అంగీకరించగలిగిన అత్యంత కాంపాక్ట్ రూపంలో రాస్తున్నారు.
సమాన అడుగులు సమానంగా ఎందుకు కనిపించవు
సంఖ్యలు మీ కంటికి చేరే కాంతికి అనులోమానుపాతంలో ఉండవు. స్క్రీన్‌లు 2.2 ఘాతానికి దగ్గరగా ఉన్న వక్రరేఖను వర్తింపజేస్తాయి, తద్వారా 256 అడుగులలో ప్రకాశవంతమైన వాటి కంటే ముదురు ఛాయలకు ఎక్కువ అడుగులు వస్తాయి, ఇది కంటికి సరిపోతుంది. 10 నుంచి 20 అడుగు 240 నుంచి 250 అడుగు కంటే పెద్ద మార్పులా కనిపిస్తుంది. మీకు దీని అర్థం, రెండు రంగులను వాటి సంఖ్యల సగటు తీసుకుని కలపడం, కాంతులను కలపడం ద్వారా మీరు చూసే రంగును ఇవ్వదు, కోడ్‌లో గ్రేడియంట్‌లు, బ్లెండ్‌లు లెక్కించేటప్పుడు ఇది ముఖ్యం.
బూడిదలు, వికర్ణం
అన్ని బూడిదలు మూడు సంఖ్యలు సమానంగా ఉండే రేఖపై ఉంటాయి. వాటిలో 256 ఉన్నాయి, 0 వద్ద నలుపు నుంచి 255 వద్ద తెలుపు వరకు. RGB ను HEX గా మార్చి మూడు జతలు సరిపోతే, రంగుకు ఛాయ లేదని మీకు వెంటనే తెలుస్తుంది. ఒకటి రెండు అడుగుల తేడా ఉన్న జతలతో బూడిదకు దగ్గరగా ఉన్న రంగుకు మసక ఛాయ ఉంటుంది, తటస్థ రంగుకు వెచ్చదనం లేదా చల్లదనం సూచన ఇవ్వడానికి డిజైనర్లు తరచూ దీన్ని వాడతారు.
పాలెట్ నిర్మించడం, తనిఖీ చేయడం
కొన్ని ఎంచుకున్న రంగుల నుంచి పాలెట్ వరకు
సాధారణ పాలెట్‌లో ప్రాథమిక రంగు, యాక్సెంట్, వచనానికి తటస్థం, ఉపరితలాలకు తేలికైన తటస్థం, విజయం, లోపానికి ఒకటి లేదా రెండు సంకేత రంగులు ఉంటాయి. మీ డిజైన్ సాధనంలో ప్రతిదాన్ని ఎంచుకుని, దాని rgb సంఖ్యలను చదివి, స్టైల్‌షీట్ కోసం RGB ను HEX గా మార్చండి. వాటిని పాత్రను వివరించే పేర్లతో కస్టమ్ ప్రాపర్టీలుగా రాయండి, పాలెట్ ప్రతి భాగంలో వాడటానికి సిద్ధం.
వచనం, నేపథ్యం మధ్య కాంట్రాస్ట్
చదవగలిగే వచనానికి అక్షరాలకు, వాటి నేపథ్యానికి మధ్య ప్రకాశంలో తగినంత తేడా అవసరం. అందుబాటు మార్గదర్శకాలు రెండు రంగుల ఎరుపు, ఆకుపచ్చ, నీలం విలువల నుంచి లెక్కించిన కాంట్రాస్ట్ నిష్పత్తిని నిర్వచిస్తాయి, సాధారణ వచనానికి కనీసం 4.5 కు 1 కోరతాయి. చెకర్‌లు హెక్స్ కోడ్‌లను అంగీకరిస్తాయి, కాబట్టి ఇక్కడ మీరు ఉత్పత్తి చేసే కోడ్‌లు నేరుగా వాటిలోకి వెళ్లవచ్చు. తెలుపుపై ప్రాథమిక రంగును మాత్రమే కాక, మీరు వాడాలనుకునే ప్రతి జతను తనిఖీ చేయండి.
జాబితాను మార్చడం
మార్చడానికి చాలా రంగులు ఉన్నప్పుడు, వాటిని ఒక్కొక్కటిగా చేసి, ప్రతి ఫలితాన్ని దాని పేరు, వాడకంతో పట్టికలో అతికించండి. ఒక్కో రంగుకు ఒక నిమిషం పడుతుంది, పట్టిక మొత్తం ప్రాజెక్ట్‌కు సూచన అవుతుంది. తర్వాత రంగును సర్దుబాటు చేస్తే, దాని వరుస మాత్రమే మారాలి.
హెక్స్, rgb ను ఒకే అడుగులో ఉంచడం
మీ ప్రాజెక్ట్ కొన్ని రంగులను హెక్స్‌గా, మరికొన్నిటిని rgb గా నిల్వ చేస్తే, ఎవరైనా ఒకదాన్ని సవరించి మరొకదాన్ని మరచిపోయినప్పుడు అవి విడిపోవడం సులభం. ఒకదాన్ని మాస్టర్‌గా ఎంచుకోండి, సాధారణంగా హెక్స్, మీకు అవసరమైనప్పుడల్లా కన్వర్టర్‌తో మరొకదాన్ని రాబట్టుకోండి.
సంబంధిత కన్వర్టర్‌లు
ఇదే సాధన కుటుంబం పొరుగు మార్పిడులను కవర్ చేస్తుంది. తిరిగి వెళ్లడానికి, HEX ను RGB గా వాడండి. ఛాయ ద్వారా వర్ణించిన రంగుల కోసం, HEX ను HSL గా, HSL ను HEX గా అందుబాటులో ఉన్నాయి, ముద్రణ కోసం RGB ను CMYK గా, CMYK ను RGB గా, CMYK ను HEX గా. అదే స్టైల్‌షీట్‌లోని సైజుల కోసం, ఈ పేజీ రంగులకు చేసేదాన్ని పొడవులకు px ను rem గా చేస్తుంది.
పరిష్కరించిన ఉదాహరణ
ఇమేజ్ ఎడిటర్‌లోని కలర్ పికర్ ఒక ఛాయాచిత్రం యాక్సెంట్ rgb(214, 98, 56) అని చెబుతుందనుకోండి. మీరు మూడు సంఖ్యలను టైప్ చేసి #D66238 చదువుతారు. స్టైల్‌షీట్‌లో --accent: #D66238 రాసి బటన్‌లు, లింక్‌ల కోసం వాడతారు. బ్రాండ్ గైడ్‌లో రంగు ఏమిటని సహోద్యోగి అడుగుతారు, మీరు కోడ్ పంపుతారు. తర్వాత బ్యానర్ కోసం పారదర్శక వెర్షన్ కావాలి, మీరు HEX ను RGB గా ఉపయోగించి తిరిగి మార్చి rgba(214, 98, 56, 0.15) నిర్మిస్తారు. రెండు మార్పిడులూ ఖచ్చితమైనవి, కాబట్టి బ్యానర్ బటన్ ఛాయలోనే ఉంటుంది.
చిన్న చెక్‌లిస్ట్
మార్చే ముందు
ప్రతి సంఖ్య 0 నుంచి 255 మధ్య ఉందో తనిఖీ చేయండి. మీకు పారదర్శకత కావాలో నిర్ణయించండి.
మార్చేటప్పుడు
మూడు సంఖ్యలను టైప్ చేసి, కోడ్‌ను చదివి, హాష్ గుర్తుతో కాపీ చేయండి.
మార్చిన తర్వాత
రంగును సందర్భంలో, నిజమైన నేపథ్యంపై పరీక్షించి, దానిపై ఉన్న ఏ వచనానికైనా కాంట్రాస్ట్‌ను తనిఖీ చేయండి.
సాధారణ పొరపాట్లు
ముందు సున్నాను వదిలేయడం
ప్రతి జతకు రెండు అంకెలు. 7 అంటే 07.
255 పైన సంఖ్యలు రాయడం
వాటిని రెండు అంకెలలో రాయలేరు. ముందు పరిమితం చేయండి.
స్క్రీన్‌ను సత్యంగా భావించడం
సంఖ్యలు ఖచ్చితమైనవి. కనిపించే తీరు డిస్‌ప్లేపై ఆధారపడుతుంది.
మీ రంగులు మీ పరికరంలోనే ఉంటాయి
లెక్క స్థానికంగా జరుగుతుంది. మీ విలువలను మీ బ్రౌజరే వాడుతుంది, ఏదీ ఎక్కడికీ పంపబడదు. తర్వాత తొలగించడానికి ఏమీ లేదు, సృష్టించడానికి ఖాతా లేదు. RGB ను HEX గా మార్చడానికి అదే సరళమైన మార్గం.
సారాంశం
ఇక్కడ RGB ను HEX గా మార్చడానికి, మూడు సంఖ్యలను టైప్ చేసి హెక్స్ కోడ్‌ను వెంటనే చదవండి. మార్పిడి రంగును ఖచ్చితంగా ఉంచుతుంది: హెక్స్, rgb() అనేవి ఎరుపు, ఆకుపచ్చ, నీలానికి 0 నుంచి 255 వరకు అవే మూడు సంఖ్యల రెండు స్పెల్లింగ్‌లు, కాబట్టి ఏదీ అంచనా వేయబడదు, రౌండ్ ట్రిప్ మొదలుపెట్టినదాన్ని తిరిగి ఇస్తుంది. పారదర్శకత కోసం నాలుగో విలువ కూడా తీసుకెళ్లబడుతుంది, rgba() #RRGGBBAA అవుతుంది, తిరిగి కూడా. రెండు స్పెల్లింగ్‌లు sRGB ని వర్ణిస్తాయి, కాబట్టి దాని వెలుపలి రంగులను వర్ణించలేవు. ప్రతి జతకు రెండు అంకెలు ఉంటాయి, కాబట్టి 16 కంటే తక్కువ సంఖ్యకు ముందు సున్నా వస్తుంది. ఏదీ అప్‌లోడ్ కాదు.