ImageColorPicker.com

HEX to RGB converter

ഏതെങ്കിലും HEX നിറം RGB ആയി മാറ്റുക — തൽക്ഷണം, സൗജന്യമായി

#FF5733

ഏതെങ്കിലും നിറ മൂല്യം പേസ്റ്റ് ചെയ്യുക — ഞങ്ങൾ ഫോർമാറ്റ് നിങ്ങക്കുവേണ്ടി കണ്ടെത്തും.

RGB ഫലം
ചുവപ്പ്
255
പച്ച
87
നീല
51

ഈ നിറം എല്ലാ ഫോർമാറ്റുകളിലും

CMYK പ്രൊഫൈൽ: Coated FOGRA39 (യൂറോപ്പിലെ Photoshop-ന്റെ ഡിഫോൾട്ട്)

ഒരു HEX കോഡ് മൂന്ന് 8-ബിറ്റ് സംഖ്യകളെ ആറ് ഹെക്സാഡെസിമൽ അക്കങ്ങളിൽ പായ്ക്ക് ചെയ്യുന്നു. HEX-ൽ നിന്ന് RGB-യിലേക്ക് മാറ്റുക എന്നാൽ ആ അക്കങ്ങളെ ജോഡികളായി വിഭജിച്ച്, ഓരോ ജോഡിയെയും 0 മുതൽ 255 വരെയുള്ള ദശാംശ സംഖ്യയായി വായിക്കുക എന്നാണ്. CSS, Figma, ഇമേജ് എഡിറ്റർമാർ പ്രതീക്ഷിക്കുന്ന മൂല്യങ്ങൾ ഇവ തന്നെയാണ്.

HEX നിന്ന് RGB വരെ മാറ്റം എങ്ങനെ നടക്കുന്നു

  1. മുനെയുള്ള # drop ചെയ്യുക, കോഡിന് മൂന്ന് ഡിജിറ്റുകൾ മാത്രം ഉണ്ടെങ്കിൽ ഓരോന്നും ഇരട്ടപ്പെടുത്തുക: #f53 എന്നത് #ff5533 ആക്കുക.
  2. ആറ് ഡിജിറ്റുകൾ മൂന്ന് ജോഡികളായി ഭാഗിക്കുക — RR, GG, BB.
  3. ഓരോ ജോഡിയും base-16 എണ്ണമായാണ് വായിക്കേണ്ടത്, base-10 ആയി കൺവെർട്ട് ചെയ്യുക: FF becomes 255, 57 becomes 87, 33 becomes 51.
  4. മൂന്ന് ഫലം rgb(R, G, B) എന്നായി എഴുതുക.

പ്രായോഗിക ഉദാഹരണം

HEX #FF5733=RGB rgb(255, 87, 51)

ഈ കൺവർഷൻ കൃത്യമാണ്. HEXയും RGBയും അതേ sRGB മൂല്യങ്ങളെ വ്യത്യസ്ത നോട്ടേഷനുകളിൽ വിവരിക്കുന്നു, അതിനാൽ ഏതെങ്കിലും ദിശയിലും വൃത്തികെട്ടനെയോ നഷ്ടമോ ഉണ്ടാകില്ല.

HEXയും RGBയും വിശദീകരിച്ചത്

HEX എന്താണ്?

മുന്നിൽ # ചിഹ്നമുള്ള ആറക്ക ഹെക്സാഡെസിമൽ സംഖ്യയാണ് HEX കോഡ്. ഇത് ഒരു നിറത്തിന്റെ റെഡ്, ഗ്രീൻ, ബ്ലൂ ചാനലുകൾ സംഭരിക്കുന്നു. ഓരോ ജോഡി അക്കങ്ങളും ഒരു ചാനലിനെ പ്രതിനിധീകരിക്കുന്നു, 00 (ഒന്നുമില്ല) മുതൽ FF (പൂർണ്ണം) വരെ. RGB-യുടെ അതേ 16.7 ദശലക്ഷം നിറങ്ങൾ ഇത് കൂടുതൽ ചെറിയ രൂപത്തിൽ നൽകുന്നു. CSS, ഡിസൈൻ ടൂളുകൾ, ബ്രാൻഡ് ഗൈഡ്‌ലൈനുകൾ എന്നിവയിൽ HEX ആണ് സ്ഥിരസ്ഥിതി.

Syntax:
#RRGGBB
Range:
ഒരു ചാനലിന് 00–FF
Best for:
CSS, design handoff, brand guidelines

RGB എന്താണ്?

RGB ഒരു കളർ മൂന്ന് ലൈറ്റ് ചാനലുകളായി വിവരിക്കുന്നു — red, green, blue — ഓരോത് 0–255 വരെയാണ്. ഇത് സ്ക്രീനുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു എന്നതിനെ പ്രതിഫലിപ്പിക്കുന്നു: മൂന്നു ചാനലുകളും 255 ആയാൽ വെള്ള, എല്ലാ ചാനലുകളും 0 ആണെങ്കിൽ കറുപ്പ്. കളറുമായി കണക്കുകൾ ചെയ്യേണ്ടപ്പോഴെല്ലാം RGB അനുയോജ്യമാണ്, rgba() വഴി transparency ചേർക്കാനും കഴിയും.

Syntax:
rgb(R, G, B)
Range:
ഒരു ചാനലിന് 0–255
Best for:
code, canvas, rgba() ഉപയോഗിച്ച് transparency

HEX to RGB reference table

സാധാരണയായി ഉപയോഗിക്കുന്ന CSS നിറങ്ങൾ HEX ൽ നിന്ന് RGB ആയി പരിവർത്തനം ചെയ്തിരിക്കുന്നു.

നിറംHEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

കൂടുതൽ നിറ പരിവർത്തകരുകൾ

RGB മുതൽ HEX വരെHEX മുതൽ HSL വരെHSL മുതൽ HEX വരെHEX മുതൽ CMYK വരെCMYK മുതൽ HEX വരെRGB മുതൽ HSL വരെHSL മുതൽ RGB വരെRGB മുതൽ CMYK വരെCMYK മുതൽ RGB വരെHSL മുതൽ CMYK വരെCMYK മുതൽ HSL വരെ

ഈ നിറവുമായി തുടരുക

നിരന്തരം ചോദിക്കപ്പെടുന്ന ചോദ്യങ്ങൾ

മുനെയുള്ള # drop ചെയ്യുക, കോഡിന് മൂന്ന് ഡിജിറ്റുകൾ മാത്രം ഉണ്ടെങ്കിൽ ഓരോന്നും ഇരട്ടപ്പെടുത്തുക: #f53 എന്നത് #ff5533 ആക്കുക. ആറ് ഡിജിറ്റുകൾ മൂന്ന് ജോഡികളായി ഭാഗിക്കുക — RR, GG, BB. ഓരോ ജോഡിയും base-16 എണ്ണമായാണ് വായിക്കേണ്ടത്, base-10 ആയി കൺവെർട്ട് ചെയ്യുക: FF becomes 255, 57 becomes 87, 33 becomes 51. മൂന്ന് ഫലം rgb(R, G, B) എന്നായി എഴുതുക.

ഈ കൺവർഷൻ കൃത്യമാണ്. HEXയും RGBയും അതേ sRGB മൂല്യങ്ങളെ വ്യത്യസ്ത നോട്ടേഷനുകളിൽ വിവരിക്കുന്നു, അതിനാൽ ഏതെങ്കിലും ദിശയിലും വൃത്തികെട്ടനെയോ നഷ്ടമോ ഉണ്ടാകില്ല.

RGB ഒരു കളർ മൂന്ന് ലൈറ്റ് ചാനലുകളായി വിവരിക്കുന്നു — red, green, blue — ഓരോത് 0–255 വരെയാണ്. ഇത് സ്ക്രീനുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു എന്നതിനെ പ്രതിഫലിപ്പിക്കുന്നു: മൂന്നു ചാനലുകളും 255 ആയാൽ വെള്ള, എല്ലാ ചാനലുകളും 0 ആണെങ്കിൽ കറുപ്പ്. കളറുമായി കണക്കുകൾ ചെയ്യേണ്ടപ്പോഴെല്ലാം RGB അനുയോജ്യമാണ്, rgba() വഴി transparency ചേർക്കാനും കഴിയും.

അതെ. ഇൻപുട്ടിന്റെ അടുത്തുള്ള സ്വപ് ബട്ടൺ നിന്നെ RGB to HEX കൺവർത്തറിലേക്ക് തിരയിക്കും, അത് ശരിയായി അതേ രീതിയിൽ പ്രവർത്തിക്കുന്നു. രണ്ട് ദിശകളും ഒരേ ഫോർമുല ഉപയോഗിക്കുന്നു, വെറും റിവേഴ്സ് ആയി പ്രയോഗിച്ചാൽ മതിയാകും.

ഒരൊറ്റ ചാനൽ ആനിമേറ്റ് ചെയ്യാൻ, കോഡിൽ കളറുകൾ മിശ്രിതമാക്കാൻ, rgba() ഉപയോഗിച്ച് transparency കൂട്ടാൻ നിങ്ങൾക്കു നമ്പറുകളുമായി പ്രവർത്തിക്കേണ്ടവയാണെങ്കിൽ RGB ഉപയോഗിക്കുക. സ്ഥിരമായ CSS-ക്കായി HEX കുറച്ചും വായിക്കാൻ എളുപ്പവുമാണ്.