જો તમે ગ્રાફિક ડિઝાઈનર છો, અથવા હમણાં જ કોઈ ઈમેજ એડિટિંગ પ્રોગ્રામમાં પ્રવેશ મેળવ્યો છે, તો તમે જોયું હશે બોક્સ કે જે તમને રંગ બદલવાની મંજૂરી આપે છે, તે પેઇન્ટની ડોલ હોય, બ્રશ હોય, અક્ષરો હોય... જે બાબત તમને ઉત્સુક બનાવે છે તે હકીકત એ છે કે, જ્યારે તમે રંગ પસંદ કરો છો, ત્યારે તે દેખાય છે રંગ કોડ, તે શું છે તે જાણો છો?
જો તમે ક્યારેય વિચાર્યું હોય કે તે અક્ષર અથવા નંબર કોડ્સનો અર્થ શું થાય છે, અને તમે તેના વિશે વધુ જાણવા માગો છો, તો અમે તમને રંગ કોડનું મહત્વ સમજવામાં મદદ કરીએ છીએ, શા માટે તેઓ રંગો અને અન્ય વિચિત્ર વિગતોને પ્રતિબિંબિત કરે છે.
કલર કોડ શું છે
આપણે રંગ કોડને a તરીકે વ્યાખ્યાયિત કરી શકીએ છીએ રંગીન શ્રેણી જેમાં વેબ પ્રદર્શિત કરી શકાય છે. એટલે કે, વેબસાઇટ કેવી દેખાશે તે નક્કી કરવા માટે લગભગ 216 રંગોની પેલેટમાં જે શક્યતાઓ અસ્તિત્વમાં છે. આ કોડ ત્રણ પ્રકારની સિસ્ટમ પર આધારિત હોઈ શકે છે: RGB, HEX અને HSL (બાદમાં હવે નાપસંદ છે).
વાસ્તવમાં, કલર કોડ શું છે તે બધા બ્રાઉઝર્સ માટે સાર્વત્રિક કોડ તરીકે સેવા આપવાનો છે કે તે કોડ્સ સાથે, જે પ્રાપ્ત થાય છે તે સમાન ટોનનું પુનઃઉત્પાદન કરવું છે, ક્યાં તો ઇન્ટરનેટ એક્સપ્લોર્સમાં, ફાયરફોક્સ મોઝિલામાં, ગૂગલ ક્રોમમાં. …
તમારે તે જાણવું જ જોઇએ કોમ્પ્યુટર 16 મિલિયન રંગોને અલગ પાડવા માટે સક્ષમ છે, તેથી વેબસાઈટ બનાવવા અથવા ઈમેજીસમાં ફેરફાર કરવાની ઘણી શક્યતાઓ છે.
રંગ કોડના પ્રકાર
અમે તમને પહેલા કહ્યું તેમ, ત્યાં ત્રણ પ્રકારની સિસ્ટમ્સ છે:
- આરજીબી. તે સૌથી વધુ જાણીતું છે અને તે ત્રણ પ્રાથમિક રંગો, લાલ, વાદળી અને લીલાથી બનેલું છે, જેમાંથી, તેમના સંયોજન દ્વારા, બાકીના રંગો પ્રાપ્ત થાય છે. તેની રજૂઆત માટે, તે 0 થી 255 સુધીની રેન્જ ધરાવે છે અને જે કોડ દેખાય છે તે અલ્પવિરામ દ્વારા અને કૌંસની વચ્ચે ત્રણ આકૃતિઓથી બનેલો છે.
- હેક્સાડેસિમલ. મોટે ભાગે HTML અને CSS માં વપરાય છે. આ કિસ્સામાં, તે આકૃતિઓ અને અક્ષરો બંનેથી બનેલું છે જે રંગોને નિર્ધારિત કરતા કોડ્સ મેળવવા માટે એકબીજાની વચ્ચે ગોઠવાયેલા છે.
- એચએસએલ. પહેલેથી જ અયોગ્ય છે, તે રંગ બનાવતી વખતે રંગછટા, સંતૃપ્તિ અને હળવાશના ઉપયોગ પર આધારિત છે. તે ડિગ્રી અને ટકાવારી દ્વારા નક્કી કરવામાં આવે છે (ત્રણ આકૃતિઓ અલ્પવિરામ દ્વારા અને કૌંસની વચ્ચે અલગ પડે છે).
કોડ્સ શા માટે મહત્વપૂર્ણ છે?
હવે તમે જાણો છો કે કલર કોડિંગ શું છે, કારણ કે તેની એપ્લિકેશન સમજવી સરળ છે તેનો ઉપયોગ ચોક્કસ રંગ પ્રદર્શિત કરવા માટે કયો કોડ જરૂરી છે તે નિર્ધારિત કરવા માટે થાય છે. આ કામ કરે છે, ઉદાહરણ તરીકે, વેબ પૃષ્ઠો પર. HTML કોડ ગર્ભિત છે જો વેબસાઇટની પૃષ્ઠભૂમિ ચોક્કસ રંગની હોય, જો ફોન્ટ લાલ, પીળો, લીલો, વાદળી ... અને અન્ય ઘણા ઉપયોગો હોય.
શું તમે સમજો છો કે તે શા માટે મહત્વપૂર્ણ છે? ઉદાહરણ તરીકે, કલ્પના કરો કે તમારી પાસે લાલ પૃષ્ઠભૂમિવાળી વેબસાઇટ છે. અને તમે તેને ખાલી એકમાં બદલવા માંગો છો. જો તમે કોડ જાણતા હોવ કે જે રંગ લાલ નક્કી કરે છે, તો HTML કોડમાં સર્ચ એન્જિનનો ઉપયોગ કરીને તમને તે સ્થાન મળશે જ્યાં આ રંગ પ્રતિબિંબિત થાય છે (બેકગ્રાઉન્ડ રંગ સાથે લિંક થયેલ છે) અને તમે તેને ઝડપથી બદલી શકો છો. પરંતુ જો તમારી પાસે તે ન હોય તો શું? જ્યાં સુધી તમને તે વિભાગ ન મળે ત્યાં સુધી તમારે શોધ કરવી પડશે અને તમને જોઈતા કોડની નજીક કયો કોડ છે તે જોવા માટે પરીક્ષણ કરવું પડશે.
તેથી, રંગ કોડ તમને કાર્યને ઝડપી બનાવવામાં મદદ કરે છે, તેમજ વેબસાઇટ ડિઝાઇન કરતી વખતે, ઇમેજને સંપાદિત કરતી વખતે, વગેરે રંગોનો ઉપયોગ કરવામાં સક્ષમ થવામાં મદદ કરે છે.
રંગો અને તેમના કોડની સૂચિ હેક્સાડેસિમલ અને આરજીબી
સમાપ્ત કરવા માટે, અમે તમને નીચે a કોષ્ટક જેમાં તમે મોટાભાગના રંગો શોધી શકો છો જે તેમના દશાંશ કોડ (RGB) અને હેક્સાડેસિમલ સાથે મળીને અસ્તિત્વ ધરાવે છે જેથી કરીને જો તમારે કોઈપણ સમયે કોડ બદલવાની જરૂર હોય, તો તમે તેને કલર પેલેટમાં શોધ્યા વિના સરળતાથી કરી શકો છો.
લેબલ | દશાંશ (R, G, B) | હેક્સાડેસિમલ |
---|---|---|
એલિસબ્લ્યુ | rgb (240, 248, 255) | # F0F8FF |
પ્રાચીન સફેદ | rgb (250, 235, 215) | # FAEBD7 |
એક્વા | rgb (0, 255, 255) | # 00FFFF |
વાદળી લીલું રત્ન | rgb (127, 255, 212) | # 7FFFD4 |
નીલમ | rgb (240, 255, 255) | # F0FFFF |
ન રંગેલું ઊની કાપડ | rgb (245, 245, 220) | # એફ 5 એફ 5 ડીસી |
બિસ્ક | rgb (255, 228, 196) | # FFE4C4 |
બ્લેક | rgb (0, 0, 0) | #000000 |
બ્લાન્ચેડલમંડ | rgb (255, 235, 205) | #FFEBCD |
બ્લુ | rgb (0, 0, 255) | # 0000FF |
વાદળી વાયોલેટ | rgb (138, 43, 226) | # 8A2BE2 |
ભુરો | rgb (165, 42, 42) | # A52A2A |
બરલીવુડ | rgb (222, 184, 135) | # DEB887 |
કેડેટબ્લ્યુ | rgb (95, 158, 160) | # 5F9EA0 |
ચાર્ટરેઝ | rgb (127, 255, 0) | # 7FFF00 |
ચોકલેટ | rgb (210, 105, 30) | # ડી 2691 ઇ |
કોરલ | rgb (255, 127, 80) | # FF7F50 |
કોર્નફ્લાવર બ્લુ | rgb (100, 149, 237) | # 6495ED |
મકાઈ | rgb (255, 248, 220) | # એફએફએફ 8 ડીસી |
કિરમજી | rgb (220, 20, 60) | # ડીસી 143 સી |
સ્યાન | rgb (0, 255, 255) | # 00FFFF |
ઘેરો વાદળી | rgb (0, 0, 139) | #00008B |
શ્યામ | rgb (0, 139, 139) | # 008B8B |
ઘેરો ગોલ્ડનરોડ | rgb (184, 134, 11) | # બી 8860 બી |
ઘેરો કબુતરી | rgb (169, 169, 169) | # એ 9 એ 9 એ 9 |
ઘાટ્ટો લીલો | rgb (0, 100, 0) | #006400 |
ઘેરો રાખોડી | rgb (169, 169, 169) | # એ 9 એ 9 એ 9 |
શ્યામખાકી | rgb (189, 183, 107) | # બીડીબી 76 બી |
ડાર્કમેજેન્ટા | rgb (139, 0, 139) | # 8B008B |
ઘેરો ઓલિવગ્રીન | rgb (85, 107, 47) | # 556B2F |
ઘાટો નારંગી | rgb (255, 140, 0) | # FF8C00 |
ડાર્કોર્કિડ | rgb (153, 50, 204) | # 9932 સીસી |
ઘાટો લાલ | rgb (139, 0, 0) | # 8 બી 0000 |
ડાર્કસૅલ્મોન | rgb (233, 150, 122) | # E9967A |
શ્યામસમુદ્ર લીલા | rgb (143, 188, 143) | # 8FBC8F |
ઘેરો સ્લેટ વાદળી | rgb (72, 61, 139) | # 483D8B |
ઘેરો સ્લેટગ્રે | rgb (47, 79, 79) | # 2F4F4F |
ડાર્કસ્લેટગ્રે | rgb (47, 79, 79) | # 2F4F4F |
ઘાટો પીરોજ | rgb (0, 206, 209) | # 00CED1 |
ઘાટો જાંબલી | rgb (148, 0, 211) | #9400D3 |
ડીપપીંક | rgb (255, 20, 147) | #FF1493 |
ગાઢ વાદળી | rgb (0, 191, 255) | # 00BFFF |
ડિમ્ગ્રે | rgb (105, 105, 105) | #696969 |
ડિમગ્રે | rgb (105, 105, 105) | #696969 |
ડોજર બ્લુ | rgb (30, 144, 255) | # 1E90FF |
ફાયરબ્રીક | rgb (178, 34, 34) | #B22222 |
સફેદ | rgb (255, 250, 240) | # એફએફએફએફ 0 |
વન | rgb (34, 139, 34) | # 228 બી 22 |
Fuchsia | rgb (255, 0, 255) | # FF00FF |
ગેન્સબોરો | rgb (220, 220, 220) | # ડીસીડીસીડીસી |
ભૂત સફેદ | rgb (248, 248, 255) | # F8F8FF |
સોનું | rgb (255, 215, 0) | # એફએફડી 700 |
ગોલ્ડનરોડ | rgb (218, 165, 32) | # DAA520 |
ગ્રે | rgb (128, 128, 128) | #808080 |
લીલા | rgb (0, 128, 0) | #008000 |
લીલોતરી | rgb (173, 255, 47) | # ADFF2F |
ભૂખરા | rgb (128, 128, 128) | #808080 |
હનીડ્યુ | rgb (240, 255, 240) | # F0FFF0 |
હોટપીંક | rgb (255, 105, 180) | # એફએફ 69 બી 4 |
ભારતીય | rgb (205, 92, 92) | # સીડી 5 સી 5 સી |
ગળી | rgb (75, 0, 130) | # 4 બી 0082 |
હાથીદાંત | rgb (255, 255, 240) | # FFFFF0 |
ખાખી | rgb (240, 230, 140) | # F0E68C |
લવંડર | rgb (230, 230, 250) | # E6E6FA |
લવંડરબ્લશ | rgb (255, 240, 245) | # FFF0F5 |
લૉનગ્રીન | rgb (124, 252, 0) | # 7CFC00 |
લેમનચીફોન | rgb (255, 250, 205) | #FFFACD |
પ્રકાશ વાદળી | rgb (173, 216, 230) | # ADD8E6 |
લાઇટકોરલ | rgb (240, 128, 128) | #F08080 |
આછું | rgb (224, 255, 255) | # E0FFFF |
આછો સોનેરી રંગ પીળો | rgb (250, 250, 210) | # FAFAD2 |
લાઇટગ્રે | rgb (211, 211, 211) | # ડી 3 ડી 3 ડી 3 |
લાઈટગ્રીન | rgb (144, 238, 144) | # 90EE90 |
આછું રાખોડી | rgb (211, 211, 211) | # ડી 3 ડી 3 ડી 3 |
આછો ગુલાબી | rgb (255, 182, 193) | # એફએફબી 6 સી 1 |
લાઇટસાલ્મોન | rgb (255, 160, 122) | # એફએફએ 07 એ |
લાઇટસીગ્રીન | rgb (32, 178, 170) | # 20 બી 2 એએ |
આછો વાદળી | rgb (135, 206, 250) | # 87CEFA |
લાઇટસ્લેટગ્રે | rgb (119, 136, 153) | #778899 |
લાઇટસ્લેટગ્રે | rgb (119, 136, 153) | #778899 |
આછો સ્ટીલ વાદળી | rgb (176, 196, 222) | # B0C4DE |
હલકો | rgb (255, 255, 224) | # FFFFE0 |
ચૂનો | rgb (0, 255, 0) | # 00FF00 |
પીળાસ પડતો લીલો | rgb (50, 205, 50) | # 32CD32 |
લેનિન | rgb (250, 240, 230) | # FAF0E6 |
મેજેન્ટા | rgb (255, 0, 255) | # FF00FF |
ભૂખરો લાલ રંગ | rgb (128, 0, 0) | #800000 |
મીડીયમક્વામરીન | rgb (102, 205, 170) | # 66 સીડીએએ |
મધ્યમ વાદળી | rgb (0, 0, 205) | # 0000CD |
મધ્યમ | rgb (186, 85, 211) | # બીએ 55 ડી 3 |
મધ્યમ જાંબલી | rgb (147, 112, 219) | #9370D8 |
મધ્યમ સમુદ્રી લીલા | rgb (60, 179, 113) | # 3CB371 |
મધ્યમ સ્લેટ વાદળી | rgb (123, 104, 238) | # 7B68EE |
મધ્યમ વસંત લીલા | rgb (0, 250, 154) | # 00FA9A |
મધ્યમ પીરોજ | rgb (72, 209, 204) | # 48D1CC |
મધ્યમ વાયોલેટેડ | rgb (199, 21, 133) | #C71585 |
મધરાતે વાદળી | rgb (25, 25, 112) | #191970 |
મિન્ટક્રીમ | rgb (245, 255, 250) | # એફ 5 એફએફએફએ |
મિસ્ટીરોઝ | rgb (255, 228, 225) | # FFE4E1 |
મોક્કેસિન | rgb (255, 228, 181) | # FFE4B5 |
નવાજોવાઇટ | rgb (255, 222, 173) | #FFDEAD |
નૌકાદળ | rgb (0, 0, 128) | #000080 |
ઓલ્ડલેસ | rgb (253, 245, 230) | # એફડીએફ 5 ઇ 6 |
આખરે મારી પાસે ઓલિવ | rgb (128, 128, 0) | #808000 |
ઓલિવેડ્રબ | rgb (107, 142, 35) | # 6B8E23 |
નારંગી | rgb (255, 165, 0) | # એફએફએ 500 |
નારંગી | rgb (255, 69, 0) | #FF4500 |
ઓર્કિડ | rgb (218, 112, 214) | # ડીએ 70 ડી 6 |
પેલેગોલ્ડેનરોડ | rgb (238, 232, 170) | # EEE8AA |
નિસ્તેજ લીલા | rgb (152, 251, 152) | # 98FB98 |
પેલેટ પીરોજ | rgb (175, 238, 238) | #AFEEEE |
પેલેવાયોલેટેડ | rgb (219, 112, 147) | #D87093 |
papayawhip | rgb (255, 239, 213) | # FFEFD5 |
પીચપફ | rgb (255, 218, 185) | # એફએફડીએબી 9 |
પેરુ | rgb (205, 133, 63) | # સીડી 853 એફ |
ગુલાબી | rgb (255, 192, 203) | # એફએફસી 0 સીબી |
સરસ વસ્તુ | rgb (221, 160, 221) | # ડીડીએ 0 ડીડી |
પાવડરબ્લુ | rgb (176, 224, 230) | # B0E0E6 |
જાંબલી | rgb (128, 0, 128) | #800080 |
લાલ | rgb (255, 0, 0) | #FF0000 |
રોઝીબ્રાઉન | rgb (188, 143, 143) | # બીસી 8 એફ 8 એફ |
રોયલબ્લ્યુ | rgb (65, 105, 225) | # 4169E1 |
સેડલબ્રાઉન | rgb (139, 69, 19) | # 8 બી 4513 |
સૅલ્મોન | rgb (250, 128, 114) | # FA8072 |
રેતાળ ભૂરા | rgb (244, 164, 96) | # એફ 4 એ 460 |
સીગ્રેન | rgb (46, 139, 87) | # 2E8B57 |
સીશેલ | rgb (255, 245, 238) | # FFF5EE |
સિન્ના color | rgb (160, 82, 45) | # A0522D |
ચાંદીના | rgb (192, 192, 192) | # સી 0 સી 0 સી 0 |
વાદળી | rgb (135, 206, 235) | # 87CEEB |
સ્લેટ વાદળી | rgb (106, 90, 205) | # 6A5ACD |
સ્લેટગ્રે | rgb (112, 128, 144) | #708090 |
સ્લેટગ્રે | rgb (112, 128, 144) | #708090 |
સ્નો | rgb (255, 250, 250) | #FFFAFA |
વસંત લીલા | rgb (0, 255, 127) | # 00FF7F |
સ્ટીલ વાદળી | rgb (70, 130, 180) | # 4682 બી 4 |
તન | rgb (210, 180, 140) | # ડી 2 બી 48 સી |
ટીલ | rgb (0, 128, 128) | #008080 |
થિસલ | rgb (216, 191, 216) | # D8BFD8 |
ટમેટા | rgb (255, 99, 71) | #FF6347 |
પીરોજ | rgb (64, 224, 208) | # 40E0D0 |
વાયોલેટ | rgb (238, 130, 238) | #EE82EE |
ઘઉં | rgb (245, 222, 179) | # F5DEB3 |
સફેદ | rgb (255, 255, 255) | # એફએફએફએફએફએફ |
સફેદ ધુમાડો | rgb (245, 245, 245) | # F5F5F5 |
પીળા | rgb (255, 255, 0) | # FFFF00 |
યલોગ્રીન | rgb (154, 205, 50) | # 9ACD32 |
શું તમે વધુ રંગ કોડ જાણો છો? અમે તમને સૂચિને વિસ્તૃત કરવા માટે ટિપ્પણીઓમાં મૂકવા માટે આમંત્રિત કરીએ છીએ.