தீர்க்கப்பட்டது: javascript hex to rgb

ஹெக்ஸாடெசிமல் வண்ண மதிப்புகளை RGB க்கு மாற்றுவதில் உள்ள முக்கிய பிரச்சனை என்னவென்றால், இரண்டு வடிவங்களுக்கிடையில் ஒன்றுக்கு ஒன்று கடித தொடர்பு இல்லை. எடுத்துக்காட்டாக, #FF0000 வண்ணம் RGB இல் 255, 0, 0 என குறிப்பிடப்படுகிறது, ஆனால் ஹெக்ஸில் அது #F0 நிறத்திற்கு சமமாக இருக்கும். ஒவ்வொரு வண்ண கூறுகளின் வெவ்வேறு அளவுகளில் இரண்டு வெவ்வேறு வண்ணங்கள் ஒரே RGB மதிப்பைக் கொண்டிருக்கும்.

"use strict";

function hexToRgb(hex) {
    var result = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}

"கண்டிப்பாக பயன்படுத்தவும்";

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

செயல்பாடு hexToRgb(hex) {
var முடிவு = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
முடிவு திரும்ப ? {
r: parseInt(முடிவு[1], 16),
g: parseInt(முடிவு[2], 16),
b: parseInt(முடிவு[3], 16)
} : ஏதுமில்லை;
}

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

வண்ணங்களுக்கு இடையில் மாற்றம்

உங்கள் பயன்பாட்டின் குறிப்பிட்ட தேவைகளைப் பொறுத்து வெவ்வேறு வண்ண இடைவெளிகளுக்கு இடையில் வண்ணங்களை மாற்றுவதற்கான சிறந்த வழி மாறுபடலாம் என்பதால், இந்தக் கேள்விக்கு எல்லாவற்றுக்கும் பொருந்தக்கூடிய பதில் எதுவும் இல்லை. இருப்பினும், ஜாவாஸ்கிரிப்டில் வண்ண இடைவெளிகளுக்கு இடையில் வண்ணங்களை எவ்வாறு மாற்றுவது என்பது குறித்த சில குறிப்புகள் கீழே காணலாம்.

ஒரு நிறத்தை ஒரு வண்ண இடத்திலிருந்து மற்றொன்றுக்கு மாற்ற, நீங்கள் rgb() மற்றும் hsl() செயல்பாடுகளைப் பயன்படுத்தலாம். இந்த செயல்பாடுகள் மூன்று வாதங்களை எடுத்துக் கொள்கின்றன: முறையே சிவப்பு, பச்சை மற்றும் நீல மதிப்பு. முதல் வாதமானது அடிப்படை வண்ண இடைவெளியைக் குறிப்பிடுகிறது (எ.கா. RGB), இரண்டாவது மற்றும் மூன்றாவது வாதங்கள் இலக்கு வண்ண இடத்தைக் குறிப்பிடுகின்றன (எ.கா. HSL).

ஒரு வண்ணத்தை ஒரு பிக்சல் வடிவத்திலிருந்து மற்றொன்றுக்கு மாற்ற, நீங்கள் css() செயல்பாட்டைப் பயன்படுத்தலாம். இந்தச் செயல்பாடு இரண்டு வாதங்களைக் கொண்டுள்ளது: CSS சொத்துப் பெயரைக் குறிக்கும் ஒரு சரம் (எ.கா. "நிறம்") மற்றும் அந்த சொத்தின் விரும்பிய மதிப்பைக் குறிக்கும் எண் (எ.கா. "50").

வண்ண வடிவங்கள்

ஜாவாஸ்கிரிப்டில் நீங்கள் பயன்படுத்தக்கூடிய சில வெவ்வேறு வண்ண வடிவங்கள் உள்ளன.

RGB - சிவப்பு, பச்சை, நீலம்

ஹெக்ஸ் - #RRGGBB

HSL - சாயல், செறிவு, லேசான தன்மை