3
ફોર્મેટ કૉપિ કરો અથવા રંગ અને કોન્ટ્રાસ્ટ રિપોર્ટ નિકાસ કરો.
CSS કલર વ્યૂઅર અને કોન્ટ્રાસ્ટ ચેકર
CSS રંગ મૂલ્ય દાખલ કરો, ઉદાહરણ તરીકે #ff6600, ff6600, rgb(255 102 0) અથવા hsl(24 100% 50%). ટૂલ રંગ બતાવશે અને તેને સામાન્ય CSS ફોર્મેટમાં કન્વર્ટ કરશે.
મૂલ્યોને આ બ્રાઉઝરમાં sRGB માં ઉકેલવામાં આવે છે. સંદર્ભ-આધારિત રંગો જેમ કે currentColor, var() અને સિસ્ટમ રંગો સ્વીકારવામાં આવતા નથી. વાઈડ-ગેમટ અને CSS કલર 4 ફંક્શન આ ટૂલના સપોર્ટેડ ઇનપુટ ફોર્મેટની બહાર છે. આરજીબીએ, એચએસએલએ અને આલ્ફા HEX માં પારદર્શિતા સચવાય છે. RGB અને HSL આલ્ફા છોડી દે છે. કોન્ટ્રાસ્ટ થ્રેશોલ્ડ સંપૂર્ણ સુલભતા ઓડિટને બદલતા નથી.
માન્ય CSS રંગ મૂલ્ય દાખલ કરો.
ઇનપુટ બદલાઈ ગયું છે. આ રિપોર્ટ હજુ પણ છેલ્લા સફળ રનનો છે.
રંગ નમૂના અહીં દેખાશે
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS ઇનપુટ
—
WCAG કોન્ટ્રાસ્ટ રેશિયો:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4.5:1 એ સામાન્ય ટેક્સ્ટ માટે AA થ્રેશોલ્ડ છે; 3:1 માત્ર પૂરતા પ્રમાણમાં મોટા લખાણને લાગુ પડે છે. 7:1 એ સામાન્ય ટેક્સ્ટ માટે AAA છે. રંગ-જોડી તપાસ એકંદર પૃષ્ઠ સુલભતા સ્થાપિત કરતી નથી.
ઓનલાઈન CSS કલર ચેકર શા માટે વાપરો?
આ સાધન તમને તમારા બ્રાઉઝરમાં કોઈપણ CSS રંગ મૂલ્યને ઝડપથી વિઝ્યુઅલાઈઝ કરવામાં મદદ કરે છે. તમે ડિઝાઇન સિસ્ટમ, શૈલી માર્ગદર્શિકા અથવા લેઆઉટમાંથી કોડ પેસ્ટ કરી શકો છો અને તરત જ જોઈ શકો છો કે તેઓ સ્ક્રીન પર કેવી દેખાય છે.
વેબસાઇટ માટે શૈલીઓ તૈયાર કરતી વખતે, બ્રાંડના રંગોને મેચ કરતી વખતે અથવા હાલના લેઆઉટને ડિબગ કરતી વખતે તેનો ઉપયોગ કરો. ચેકર HEX, RGB, RGBA, HSL અને નામાંકિત રંગો સહિત તમામ માનક CSS ફોર્મેટને સપોર્ટ કરે છે.
સમીક્ષાઓ પ્રકાશન પહેલાં તપાસવામાં આવે છે. અમે વાસ્તવિક હકારાત્મક પ્રતિસાદ અને ચોક્કસ ટીકા પ્રકાશિત કરીએ છીએ. ઉપયોગી વિગતો વિના સ્પામ અને અપમાન પ્રકાશિત કરવામાં આવતાં નથી; અપશબ્દો અને અંગત વિગતો ઢાંકી દેવામાં આવી છે. હકારાત્મક મતો તરત જ ગણાય છે; નકારાત્મક મત સમીક્ષા પછી ગણવામાં આવે છે.
સમીક્ષાઓ વપરાશકર્તાઓના અનુભવોને પ્રતિબિંબિત કરે છે, પરિણામોની બાંયધરી અથવા સેવા મર્યાદાઓનું વર્ણન નથી. સમીક્ષા છોડવા માટે ઉપરના રેટિંગ બટનોનો ઉપયોગ કરો.
