வண்ண மாற்றி

HEX, RGB, HSL, HSV, CMYK மற்றும் LAB இடையே வண்ணங்களை மாற்றவும் — ஏதேனும் ஒரு புலத்தைத் திருத்தினால் மற்றவை தானாகவே புதுப்பிக்கப்படும்.

ஒவ்வொரு மாற்றமும் உங்கள் உலாவியிலேயே இயங்குகிறது. நீங்கள் உள்ளிடும் எதுவும் BroBroGo-விற்கு பதிவேற்றப்படாது.

அடிக்கடி கேட்கப்படும் கேள்விகள்

நான் எந்த வண்ண வடிவங்களுக்கு இடையே மாற்ற முடியும்?

HEX, RGB, HSL, HSV, CMYK மற்றும் LAB. இவற்றில் ஏதேனும் ஒன்றில் மதிப்பை உள்ளிட்டால், மற்ற ஐந்தும் ஒரே நேரத்தில் புதுப்பிக்கப்படும், எனவே நீங்கள் எந்த வடிவத்திலிருந்தும் மற்றொன்றிற்கு மாறலாம்.

CMYK வெளியீடு தொழில்முறை அச்சிடலுக்குத் தயாராக உள்ளதா?

இதை ஒரு தோராயமான திரைக் கணிப்பாகக் கருதவும். உண்மையான அச்சு CMYK என்பது காகிதம், மை மற்றும் அச்சுப்பொறி சுயவிவரத்தைப் பொறுத்தது, எனவே ஒரு அச்சகம் இதிலிருந்து சற்று மாறுபட்ட மதிப்புகளை வழங்கலாம்.

LAB அல்லது CMYK நிறம் ஏன் சற்று மாறித் திரும்புகிறது?

LAB மற்றும் CMYK ஆகியவை திரையால் காட்ட முடியாத நிறங்களை விவரிக்க முடியும். ஒரு மதிப்பு புலப்படும் RGB வரம்பிற்கு வெளியே விழும்போது, அது காட்டக்கூடிய மிக நெருக்கமான நிறத்திற்கு இழுக்கப்படுகிறது, எனவே மீண்டும் மாற்றும்போது அது சற்று மாறக்கூடும்.

BroBroGo ஆசிரியர் குழுவால் எழுதப்பட்டு சரிபார்க்கப்பட்டது.கடைசியாகப் புதுப்பிக்கப்பட்டது:

வண்ண மாற்றி கருவியின் அறிமுகம்

வண்ண மாற்றி என்பது பல்வேறு வண்ண வடிவங்களுக்கு இடையே மதிப்புகளை எளிதாக மாற்றுவதற்கு உதவும் ஒரு ஆன்லைன் கருவியாகும். இக்கருவியின் மூலம் நீங்கள் HEX, RGB, HSL, HSV, CMYK மற்றும் LAB ஆகிய வடிவங்களுக்கு இடையே வண்ணங்களை மாற்றிக்கொள்ள முடியும். நீங்கள் ஏதேனும் ஒரு உள்ளீட்டுப் புலத்தில் ஒரு வண்ண மதிப்பைத் தட்டச்சு செய்யும்போது, இக்கருவி மற்ற அனைத்து வண்ண வடிவங்களையும் அதற்குப் பொருத்தமாக உடனடியாகப் புதுப்பிக்கிறது. மேலும், இதில் உள்ள வண்ணத் தட்டிலிருந்து (swatch) ஒரு வண்ணத்தை நேரடியாகத் தேர்ந்தெடுக்கும் வசதியும் உள்ளது.

வடிவமைப்பாளர்கள் (Designers), முகப்பு-வடிவமைப்பாளர்கள் (Front-end developers) மற்றும் பல்வேறு வண்ண வெளிகளுக்கு (color spaces) இடையே வண்ண மதிப்புகளை மாற்ற வேண்டிய தேவை உள்ள எவருக்கும் இக்கருவி மிகவும் பயனுள்ளதாக இருக்கும்.

ஆதரிக்கப்படும் உள்ளீட்டு வடிவங்கள்

இக்கருவியில் நீங்கள் பின்வரும் பல்வேறு வடிவங்களில் வண்ண மதிப்புகளை உள்ளீடாக வழங்கலாம்:

  • HEX: இது ஒரு பதினறும வண்ணக் குறியீடாகும் (hexadecimal color code). எடுத்துக்காட்டாக, #4f46e5 அல்லது #abc.
  • RGB: சிவப்பு (red), பச்சை (green) மற்றும் நீலம் (blue) ஆகிய மதிப்புகளைக் குறிக்கும் 0 முதல் 255 வரையிலான மூன்று எண்கள் ஆகும். எடுத்துக்காட்டாக, 79, 70, 229.
  • HSL: நிறக்கூறு (Hue: 0–360), செறிவு (saturation: சதவீதம்) மற்றும் ஒளிர்மை (lightness: சதவீதம்) ஆகியவற்றைக் குறிக்கும் மதிப்புகள் ஆகும். எடுத்துக்காட்டாக, 243, 75%, 59%.
  • HSV: நிறக்கூறு (Hue: 0–360), செறிவு (saturation: சதவீதம்) மற்றும் மதிப்பு (value: சதவீதம்) ஆகியவற்றைக் குறிக்கும் மதிப்புகள் ஆகும். எடுத்துக்காட்டாக, 243, 69%, 90%.
  • CMYK: சியான் (cyan), மெஜந்தா (magenta), மஞ்சள் (yellow) மற்றும் முக்கிய கருப்பு (key/black) ஆகியவற்றைக் குறிக்கும் 0 முதல் 100 வரையிலான நான்கு சதவீத மதிப்புகள் ஆகும். எடுத்துக்காட்டாக, 66%, 69%, 0%, 10%.
  • LAB: L (ஒளிர்மை, 0–100), a (பச்சை-சிவப்பு அச்சு) மற்றும் b (நீலம்-மஞ்சள் அச்சு) ஆகியவற்றைக் குறிக்கும் மதிப்புகள் ஆகும். எடுத்துக்காட்டாக, 40.73, 50.63, -79.08.
  • வண்ணத் தேர்வி: வண்ணங்களை பார்வை ரீதியாகத் தேர்ந்தெடுப்பதற்கான ஒரு கருவி.

வெளியீட்டு வடிவங்கள்

நீங்கள் எந்தவொரு உள்ளீட்டை வழங்கினாலும், இக்கருவி பின்வரும் அனைத்து வடிவங்களிலும் துல்லியமான வெளியீடுகளை ஒரே நேரத்தில் வழங்குகிறது:

  • HEX
  • RGB
  • HSL
  • HSV
  • CMYK
  • LAB

செயல்பாட்டு விதிகள் மற்றும் வரம்புகள்

இக்கருவியைப் பயன்படுத்தும் போது சில விதிகள் மற்றும் தொழில்நுட்ப வரம்புகளைப் புரிந்துகொள்வது அவசியமாகும்:

  • உடனடிப் புதுப்பிப்பு: ஏதேனும் ஒரு புலத்தைத் திருத்தினால் மற்ற அனைத்துப் புலங்களும் உடனடியாகப் புதுப்பிக்கப்படும்.
  • வரம்பு சரிசெய்தல்: LAB அல்லது CMYK வடிவங்களில் உள்ளிடப்படும் ஒரு மதிப்பு, புலப்படும் RGB வரம்பிற்கு வெளியே இருந்தால், அது காட்டக்கூடிய மிக நெருக்கமான நிறத்திற்கு தானாகவே சரிசெய்யப்படும். இத்தகைய நிறத்தை மீண்டும் அதன் அசல் வடிவத்திற்கு மாற்றும்போது மதிப்பில் சற்று மாற்றம் (shift) ஏற்படலாம்.
  • CMYK அச்சு வரம்பு: இக்கருவி வழங்கும் CMYK வெளியீடு என்பது ஒரு திரைக் கணிப்பு (on-screen estimate) மட்டுமே ஆகும். காகிதம், மை மற்றும் அச்சுப்பொறி சுயவிவரங்களின் (printer profiles) மாறுபாடுகள் காரணமாக, இது தொழில்முறை அச்சிடலில் பயன்படுத்தப்படும் துல்லியமான மதிப்புகளிலிருந்து சற்று வேறுபடலாம்.

உள்ளீட்டுப் பிழைகள் மற்றும் திருத்தங்கள்

நீங்கள் தவறான வடிவமைப்பில் மதிப்புகளை உள்ளிட்டால், பின்வரும் பிழைச் செய்திகள் காண்பிக்கப்படும்:

  • HEX பிழை: "#4f46e5 அல்லது #abc போன்ற ஒரு hex வண்ணத்தை உள்ளிடவும்."
  • RGB பிழை: "RGB-ஐ 79, 70, 229 என்பது போல 0–255 வரையிலான மூன்று எண்களாக உள்ளிடவும்."
  • HSL பிழை: "HSL-ஐ 243, 75%, 59% என்பது போல 0–360 நிறக்கூறுடன் இரண்டு சதவீதங்களாக உள்ளிடவும்."
  • HSV பிழை: "HSV-ஐ 243, 69%, 90% என்பது போல 0–360 நிறக்கூறுடன் இரண்டு சதவீதங்களாக உள்ளிடவும்."
  • CMYK பிழை: "CMYK-ஐ 66%, 69%, 0%, 10% என்பது போல 0–100 வரையிலான நான்கு சதவீதங்களாக உள்ளிடவும்."
  • LAB பிழை: "LAB-ஐ 40.73, 50.63, -79.08 என்பது போல L 0–100 மற்றும் a, b மதிப்புகளுடன் உள்ளிடவும்."

தரவு தனியுரிமை மற்றும் செயலாக்கம்

இந்த வண்ண மாற்றுக் கருவியைப் பயன்படுத்தும் போது உங்கள் தரவுப் பாதுகாப்பு முழுமையாகப் பேணப்படுகிறது. அனைத்து வண்ண மாற்றங்களும் நேரடியாக உங்கள் உலாவியிலேயே (browser) செய்யப்படுகின்றன. நீங்கள் உள்ளிடும் எந்தவொரு தகவலும் அல்லது வண்ண மதிப்புகளும் எங்கும் பதிவேற்றப்படாது.

அடிக்கடி கேட்கப்படும் கேள்விகள் (FAQ)

நான் எந்த வண்ண வடிவங்களுக்கு இடையே மாற்ற முடியும்?

HEX, RGB, HSL, HSV, CMYK மற்றும் LAB. இவற்றில் ஏதேனும் ஒன்றில் மதிப்பை உள்ளிட்டால், மற்ற ஐந்தும் ஒரே நேரத்தில் புதுப்பிக்கப்படும், எனவே நீங்கள் எந்த வடிவத்திலிருந்தும் மற்றொன்றிற்கு மாறலாம்.

CMYK வெளியீடு தொழில்முறை அச்சிடலுக்குத் தயாராக உள்ளதா?

இதை ஒரு தோராயமான திரைக் கணிப்பாகக் கருதவும். உண்மையான அச்சு CMYK என்பது காகிதம், மை மற்றும் அச்சுப்பொறி சுயவிவரத்தைப் பொறுத்தது, எனவே ஒரு அச்சகம் இதிலிருந்து சற்று மாறுபட்ட மதிப்புகளை வழங்கலாம்.

LAB அல்லது CMYK நிறம் ஏன் சற்று மாறித் திரும்புகிறது?

LAB மற்றும் CMYK ஆகியவை திரையால் காட்ட முடியாத நிறங்களை விவரிக்க முடியும். ஒரு மதிப்பு புலப்படும் RGB வரம்பிற்கு வெளியே விழும்போது, அது காட்டக்கூடிய மிக நெருக்கமான நிறத்திற்கு இழுக்கப்படுகிறது, எனவே மீண்டும் மாற்றும்போது அது சற்று மாறக்கூடும்.

பட வண்ணத் தேர்விபடத்திலிருந்து எந்தவொரு பிக்சலையும் தேர்ந்தெடுத்து அதன் HEX, RGB மற்றும் HSL மதிப்புகளைப் பெறுங்கள். துல்லியமான மாதிரிக்கு பூதக்கண்ணாடி வசதி உள்ளது.மாறுபாட்டுச் சரிபார்ப்பிWCAG மாறுபாட்டு விகிதத்தையும், எந்த AA மற்றும் AAA நிலைகள் தேர்ச்சி பெறுகின்றன என்பதையும் காண உரை மற்றும் பின்னணி நிறத்தை உள்ளிடவும்.பைனரி/ஹெக்ஸ் மாற்றிபைனரி, ஹெக்ஸ், டெசிமல் மற்றும் ஆக்டல் ஆகியவற்றுக்கு இடையே எண்களை மாற்றவும் — அல்லது உரையை பைட்டுகளாக மாற்றவும்.பட வடிவ மாற்றிJPG, PNG, WebP, HEIC மற்றும் AVIF படங்களை உங்கள் உலாவியிலேயே மாற்றவும்.படச் சுருக்கிJPEG, PNG மற்றும் WebP கோப்புகளை உங்கள் உலாவியிலேயே அதே பிக்சல் அளவில் சிறியதாக்குங்கள்.திரை விகிதக் கால்குலேட்டர் (Aspect Ratio Calculator)எந்தவொரு அகலம் × உயரத்தையும் 16:9 போன்ற தெளிவான விகிதமாக மாற்றவும் அல்லது ஒரு விகிதத்தைத் தேர்ந்தெடுத்து விடுபட்ட பக்கத்தைக் கணக்கிடவும் — வீடியோ, புகைப்படங்கள் மற்றும் திரைகளுக்கு ஏற்றது.ஃபேவிகான் உருவாக்கிஒரு PNG, JPG அல்லது SVG கோப்பை favicon.ico மற்றும் உங்கள் தளத்திற்குத் தேவையான அனைத்து ஐகான் அளவுகளாக மாற்றி, ZIP கோப்பாகப் பெறுங்கள்.பாக்ஸ் ஷேடோ உருவாக்கிஒரு box-shadow-ஐ வடிவமைக்க ஸ்லைடர்களை இழுக்கவும், ஆழத்திற்காக அடுக்குகளைச் சேர்க்கவும், மற்றும் முடிக்கப்பட்ட CSS-ஐ உடனடியாக நகலெடுக்கவும்.வண்ணச்சரிவு உருவாக்கிஒரு நேரியல், ரேடியல் அல்லது கூம்பு சாய்வை உருவாக்கவும், வண்ண நிறுத்தங்களைச் சேர்த்து திசையை அமைக்கவும், பின்னர் ஒரே கிளிக்கில் CSS-ஐ நகலெடுக்கவும்.பார்டர் ரேடியஸ் உருவாக்கிஸ்லைடர்கள் மூலம் ஒவ்வொரு மூலையையும் வளைக்கவும், நீள்வட்ட பயன்முறையில் இயற்கையான வடிவங்களை உருவாக்கவும், மற்றும் CSS-ஐ உடனடியாக நகலெடுக்கவும்.ஃபிளெக்ஸ்பாக்ஸ் உருவாக்கிகாட்சி கட்டுப்பாடுகள் மூலம் ஒரு flex கொள்கலன் மற்றும் அதன் உருப்படிகளை அமைக்கவும், தளவமைப்பு நேரலையில் மாறுவதைக் காணவும், மற்றும் ஒரே கிளிக்கில் CSS-ஐ நகலெடுக்கவும்.CSS பியூட்டிஃபையர் & மினிஃபையர்குழப்பமான CSS-ஐப் படிக்க எளிதாக உள்தள்ளுங்கள், அல்லது வெளியிடுவதற்காகச் சுருக்குங்கள் — உங்கள் விதிகளின் வரிசையை மாற்றாத பாதுகாப்பான பயன்முறையுடன்.px இலிருந்து rem & em மாற்றிஉங்கள் சொந்த ரூட் மற்றும் சூழல் எழுத்து அளவுகளைப் பயன்படுத்தி px, rem மற்றும் em இடையே மாற்றவும் — ஏதேனும் ஒரு புலத்தைத் திருத்தினால் மற்ற இரண்டும் நீங்கள் தட்டச்சு செய்யும்போது புதுப்பிக்கப்படும்.