હેક્સાડેસિમલ રંગ મૂલ્યોને આરજીબીમાં રૂપાંતરિત કરવામાં મુખ્ય સમસ્યા એ છે કે બે ફોર્મેટ વચ્ચે કોઈ એક-થી-એક પત્રવ્યવહાર નથી. ઉદાહરણ તરીકે, રંગ #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 લખવાની રીત છે. કડક સ્થિતિમાં, તમે અઘોષિત ચલોનો ઉપયોગ કરી શકતા નથી. કડક મોડ કાર્ય કરવા માટે કોડની આ લાઇન તમારી 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 રંગ મૂલ્યમાં રૂપાંતરિત કરે છે. ફંક્શન એક પરિમાણમાં લે છે, જે હેક્સ રંગ મૂલ્ય છે જેને તમે કન્વર્ટ કરવા માંગો છો. ફંક્શન હેક્સ કલર વેલ્યુની પેટર્ન સાથે મેચ કરવા માટે રેગ્યુલર એક્સપ્રેશનનો ઉપયોગ કરે છે, અને જો તેને મેચ મળે, તો તે લાલ, લીલો અને વાદળી મૂલ્યો સાથે ઑબ્જેક્ટ પરત કરશે. જો તેને મેચ ન મળે, તો તે નલ પરત આવશે.
અનુક્રમણિકા
રંગો વચ્ચે રૂપાંતર
આ પ્રશ્નનો કોઈ એક-કદ-ફીટ-બધો જવાબ નથી, કારણ કે વિવિધ રંગોની જગ્યાઓ વચ્ચે રંગોને કન્વર્ટ કરવાની શ્રેષ્ઠ રીત તમારી એપ્લિકેશનની ચોક્કસ જરૂરિયાતોને આધારે બદલાઈ શકે છે. જો કે, JavaScript માં કલર સ્પેસ વચ્ચે રંગોને કેવી રીતે કન્વર્ટ કરવા તેની કેટલીક ટીપ્સ નીચે મળી શકે છે.
રંગને એક કલર સ્પેસમાંથી બીજામાં કન્વર્ટ કરવા માટે, તમે rgb() અને hsl() ફંક્શનનો ઉપયોગ કરી શકો છો. આ વિધેયો ત્રણ દલીલો લે છે: અનુક્રમે લાલ, લીલો અને વાદળી મૂલ્ય. પ્રથમ દલીલ બેઝ કલર સ્પેસ (દા.ત. RGB) નો ઉલ્લેખ કરે છે, જ્યારે બીજી અને ત્રીજી દલીલો લક્ષ્ય રંગ જગ્યા (દા.ત. HSL) નો ઉલ્લેખ કરે છે.
રંગને એક પિક્સેલ ફોર્મેટમાંથી બીજામાં કન્વર્ટ કરવા માટે, તમે css() ફંક્શનનો ઉપયોગ કરી શકો છો. આ ફંક્શન બે દલીલોમાં લે છે: CSS પ્રોપર્ટી નામ (દા.ત. "રંગ") ને રજૂ કરતી સ્ટ્રિંગ અને તે પ્રોપર્ટી માટે ઇચ્છિત મૂલ્ય રજૂ કરતી સંખ્યા (દા.ત. "50").
રંગ બંધારણો
તમે JavaScript માં ઉપયોગ કરી શકો છો તે થોડા અલગ રંગ ફોર્મેટ છે.
RGB - લાલ, લીલો, વાદળી
હેક્સ - #RRGGBB
HSL - રંગ, સંતૃપ્તિ, હળવાશ