રંગ-રૂપાંતરણ
#f1f3f4
≈ Porcelain
ભિન્નતા
આ વિભાગનો હેતુ તમારા પસંદ કરેલા રંગના ટિન્ટ્સ (શુદ્ધ સફેદ ઉમેરાયેલ) અને શેડ્સ (શુદ્ધ કાળો ઉમેરાયેલ) 10% ઇન્ક્રીમેન્ટમાં સચોટ રીતે ઉત્પન્ન કરવાનો છે.
પ્રો ટીપ: હોવર સ્ટેટ્સ અને શેડો માટે શેડ્સ, હાઇલાઇટ્સ અને બેકગ્રાઉન્ડ માટે ટિન્ટ્સનો ઉપયોગ કરો.
શેડ્સ
તમારા બેઝ કલરમાં કાળો ઉમેરીને ઘાટા રંગના ભિન્નતાઓ બનાવવામાં આવે છે.
ટિન્ટ્સ
તમારા બેઝ કલરમાં સફેદ ઉમેરીને હળવા ભિન્નતાઓ બનાવવામાં આવી છે.
સામાન્ય ઉપયોગના કિસ્સાઓ
- • UI ઘટક સ્થિતિઓ (હોવર, સક્રિય, અક્ષમ)
- • પડછાયાઓ અને હાઇલાઇટ્સ સાથે ઊંડાણ બનાવવું
- • સુસંગત રંગ પ્રણાલીઓનું નિર્માણ
ડિઝાઇન સિસ્ટમ ટિપ
આ વિવિધતાઓ એક સુસંગત રંગ પેલેટનો પાયો બનાવે છે. તમારા સમગ્ર પ્રોજેક્ટમાં સુસંગતતા જાળવવા માટે તેમને નિકાસ કરો.
રંગ સંયોજનો
દરેક સંવાદિતાનો પોતાનો મૂડ હોય છે. એકસાથે સારી રીતે કામ કરતા રંગ સંયોજનો પર વિચાર કરવા માટે સંવાદિતાનો ઉપયોગ કરો.
કેવી રીતે વાપરવું
કોઈપણ રંગ પર ક્લિક કરીને તેની હેક્સાડોમ કિંમતની નકલ કરો. આ સંયોજનો દ્રશ્ય સંવાદિતા બનાવવા માટે ગાણિતિક રીતે સાબિત થયા છે.
શા માટે તે મહત્વનું છે
રંગ સંવાદિતા સંતુલન બનાવે છે અને તમારી ડિઝાઇનમાં ચોક્કસ લાગણીઓ જગાડે છે.
પૂરક
રંગ ચક્ર પર એક રંગ અને તેનો વિરોધી રંગ, +૧૮૦ ડિગ્રી રંગ. ઉચ્ચ કોન્ટ્રાસ્ટ.
વિભાજીત-પૂરક
એક રંગ અને તેના પૂરકને અડીને બે, મુખ્ય રંગની વિરુદ્ધ મૂલ્યથી +/-30 ડિગ્રી રંગછટા. સીધા પૂરકની જેમ ઘાટા, પરંતુ વધુ બહુમુખી.
ટ્રાયડિક
રંગ ચક્ર પર સમાનરૂપે ત્રણ રંગો, દરેક રંગના 120 ડિગ્રીના અંતરે. શ્રેષ્ઠ છે કે એક રંગને પ્રભુત્વ આપવા દેવામાં આવે અને બીજા રંગનો ઉપયોગ ઉચ્ચારણ તરીકે થાય.
સમાન
રંગ ચક્ર પર 30 ડિગ્રીના અંતરે, અડીને આવેલા રંગો સાથે સમાન તેજ અને સંતૃપ્તિના ત્રણ રંગો. સરળ સંક્રમણો.
મોનોક્રોમેટિક
+/-50% તેજસ્વીતા મૂલ્યો સાથે સમાન રંગના ત્રણ રંગો. સૂક્ષ્મ અને શુદ્ધ.
ટેટ્રાડિક
60 ડિગ્રી રંગછટાથી અલગ પડેલા પૂરક રંગોના બે સેટ.
રંગ સિદ્ધાંતના સિદ્ધાંતો
સંતુલન
એક પ્રભાવશાળી રંગનો ઉપયોગ કરો, ગૌણ રંગનો ઉપયોગ કરો અને ઉચ્ચારણનો ઉપયોગ ઓછો કરો.
કોન્ટ્રાસ્ટ
વાંચનક્ષમતા અને સુલભતા માટે પૂરતો કોન્ટ્રાસ્ટ સુનિશ્ચિત કરો.
સંવાદિતા
એકીકૃત દ્રશ્ય અનુભવ બનાવવા માટે રંગોએ સાથે મળીને કામ કરવું જોઈએ.
કલર કોન્ટ્રાસ્ટ ચેકર
ટેક્સ્ટ વાંચનક્ષમતા માટે WCAG સુલભતા ધોરણોને પૂર્ણ કરે છે તેની ખાતરી કરવા માટે રંગ સંયોજનોનું પરીક્ષણ કરો.
ટેક્સ્ટનો રંગ
પૃષ્ઠભૂમિ રંગ
કોન્ટ્રાસ્ટ
WCAG ધોરણો
એડવાન્સ્ડ કોન્ટ્રાસ્ટ ચેકર
સ્લાઇડર્સ, બહુવિધ પૂર્વાવલોકનો અને વધુ સાથે ફાઇન-ટ્યુન કરો
દરેક વ્યક્તિ જીનિયસ છે. પરંતુ જો તમે માછલીને તેની ઝાડ પર ચઢવાની ક્ષમતા દ્વારા નક્કી કરો છો, તો તે મૂર્ખ છે તેમ માનીને તેનું આખું જીવન જીવશે.