કલર વ્હીલ — ઓનલાઈન કલર પીકર વ્હીલ અને પૂરક રંગો
આ ઇન્ટરેક્ટિવનો ઉપયોગ કરો રંગ ચક્ર થી એક રંગ પસંદ કરો, શોધો પૂરક રંગો, અને અન્વેષણ કરો સમાન, ત્રિવિધ, ટેટ્રાડિક, અને વિભાજિત-પૂરક યોજનાઓ રંગને મેચ કરવા, વિરોધાભાસી રંગોની ચકાસણી કરવા અને એકસાથે સારી રીતે ચાલતા રંગ સંયોજનો જનરેટ કરવાની આ એક ઝડપી રીત છે.
લક્ષણો
- ઇન્ટરેક્ટિવ રંગ પીકર વ્હીલ (HSV) સરળ ખેંચીને અને ચોક્કસ ઇનપુટ્સ (HEX/RGB/HSL) સાથે.
- ઇન્સ્ટન્ટ પૂરક રંગ જનરેટર વત્તા એનાલોગસ, ટ્રાયડિક, સ્પ્લિટ-કોમ્પ્લિમેન્ટરી, ટેટ્રાડિક અને મોનોક્રોમેટિક વિકલ્પો.
- વાંચી શકાય તેવા UI ટેક્સ્ટ અને બટનોનો ઉપયોગ કરવા માટે WCAG કોન્ટ્રાસ્ટ સંકેતો વિરોધાભાસી રંગો.
- માટે પેલેટ નિકાસ PNG, એસ.વી.જી., અથવા CSS ચલો ઝડપી હેન્ડઓફ માટે.
- રિસ્પોન્સિવ કેનવાસ જે સંપૂર્ણ રાખે છે રંગ વર્તુળ દરેક સ્ક્રીન પર દેખાય છે.
અરજીઓ
બ્રાન્ડિંગ અને UI: સુમેળભર્યા પેલેટ્સ બનાવો જે તમારા બ્રાન્ડ વ્યક્તિત્વ સાથે સંરેખિત થાય. નો ઉપયોગ કરો પૂરક રંગ ચક્ર ઉચ્ચ-અસરકારક CTA બનાવવા માટે, અથવા a ત્રિવિધ રંગ સંતુલિત નેવિગેશન અને ચાર્ટ રંગો માટેની યોજના.
ચિત્ર અને વસ્ત્રો: અન્વેષણ કરો સમાન યોજનાઓ કુદરતી લાગે તેવા ઢાળ માટે. જ્યારે તમને એવા રંગોની જરૂર હોય જે કપડા માટે એકસાથે સારી રીતે જાય, ત્યારે સાધન મદદ કરે છે પૂરક રંગો શોધો તે દેખાવમાં પૉપ થાય છે ("ફિટમાં પૂરક રંગો").
આંતરિક અને પેઇન્ટ: અનુવાદ કરો RGB કલર વ્હીલ માટે a પેઇન્ટ કલર વ્હીલ માનસિકતા તમારા એન્કર શેડ અને પરીક્ષણ સાથે પ્રારંભ કરો વિરોધી રંગો અથવા મ્યૂટ તૃતીય રંગો સંતુલન માટે.
વિઝ તારીખ: ચાર્ટ માટે પૂરતા કોન્ટ્રાસ્ટ સાથે પૅલેટ્સ ચૂંટો; a વિભાજિત-પૂરક વિવિધતા સાચવતી વખતે સેટ ઘણીવાર મૂંઝવણને ટાળે છે.
તે કેવી રીતે કાર્ય કરે છે
- રંગ પસંદ કરો: વ્હીલ પર ખેંચો અથવા HEX/RGB/HSL દાખલ કરો.
- એક યોજના પસંદ કરો: પૂરક, અનુરૂપ, ત્રિઆદિ, વિભાજન-પૂરક, ટેટ્રાડિક અથવા મોનોક્રોમેટિક.
- શુદ્ધ મૂલ્ય: પ્રકાશ/અંધારાને નિયંત્રિત કરવા માટે બ્રાઇટનેસ (મૂલ્ય) સમાયોજિત કરો.
- કોન્ટ્રાસ્ટ તપાસો: ખાતરી કરો કે ટેક્સ્ટ પ્રકાશ/શ્યામ પૃષ્ઠભૂમિ પર WCAG ને પૂર્ણ કરે છે.
- નિકાસ: PNG/SVG ડાઉનલોડ કરો અથવા ડેવ હેન્ડ-ઑફ માટે CSS વેરિયેબલ કૉપિ કરો.
ટીપ: જ્યારે તમને ઝડપી જરૂર હોય રંગ સંયોજન જનરેટર, મૂડ અને વાંચનીયતાની સરખામણી કરવા માટે સિંગલ → પૂરક → ટ્રાયડિકથી પ્રારંભ કરો.
FAQ
રંગ સિદ્ધાંતમાં રંગ ચક્ર શું છે?
આ રંગ સિદ્ધાંત વ્હીલ વર્તુળમાં રંગછટા ગોઠવે છે જેથી તમે પૂરક (વિરોધી), અનુરૂપ (પડોશીઓ) અને ત્રિઆદિ (સમાન અંતરે) જેવા સંબંધો જોઈ શકો. તે માટેનો આધાર છે રંગ સંવાદિતા અને રંગો કે જે એકસાથે જાય છે તે ચૂંટવું.
હું પૂરક રંગો કેવી રીતે શોધી શકું?
આધાર રંગ પસંદ કરો; તેના પૂરક રંગ વ્હીલ પર સીધી વિરુદ્ધ બેસે છે. તરત જ જોડી જનરેટ કરવા અને કોન્ટ્રાસ્ટનું મૂલ્યાંકન કરવા માટે એપ્લિકેશનની "પૂરક" યોજનાનો ઉપયોગ કરો.
પ્રાથમિક, ગૌણ અને તૃતીય રંગો શું છે?
પ્રાથમિક રંગછટા મૂળભૂત રંગો છે; તેમને મિશ્રિત કરવાથી ગૌણ રંગો મળે છે, અને પડોશી ગૌણ સાથે પ્રાથમિક મિશ્રણ બનાવે છે તૃતીય રંગો, ક્લાસિક 12-કલર વ્હીલ બનાવે છે.
આરજીબી કલર વ્હીલ વિ. પેઇન્ટ કલર સર્કલ?
આ RGB કલર વ્હીલ સ્ક્રીનો માટે મોડેલ એડિટિવ લાઇટ; પરંપરાગત RYB પેઇન્ટ વ્હીલ્સ બાદબાકી છે. પૂરક જોડી મોડેલો વચ્ચે સહેજ અલગ પડે છે.
મેઘધનુષ્યના રંગો ક્રમમાં શું છે?
લાલ, નારંગી, પીળો, લીલો, વાદળી, ઈન્ડિગો, વાયોલેટ—એ બનાવતી વખતે ઉપયોગી રંગ સ્પેક્ટ્રમ વ્હીલ અથવા રંગ સિદ્ધાંતની મૂળભૂત બાબતો શીખવવી.
UI માટે કયા રંગો એકસાથે સારી રીતે જાય છે?
પ્રયત્ન કરો સમાન સરળ સંવાદિતા માટે, ત્રિવિધ સંતુલિત વિપરીત માટે, અથવા પૂરક મજબૂત ભાર માટે (બટનો, ચેતવણીઓ). હંમેશા કોન્ટ્રાસ્ટ રેશિયો તપાસો.
ગ્લોસરી (રંગ થિયરી)
પૂરક રંગો: વ્હીલ પર વિપરીત રંગછટા કે જે કોન્ટ્રાસ્ટને મહત્તમ કરે છે (દા.ત., વાદળી ↔ નારંગી).
અનુરૂપ: પડોશી રંગછટા કે જે સૌમ્ય ઢાળ અને દ્રશ્ય સુસંગતતા બનાવે છે.
ટ્રાઇડિક: 120°ના અંતરે ત્રણ રંગછટા; આબેહૂબ છતાં સંતુલિત.
ટેટ્રાડિક: બે પૂરક જોડી; સમૃદ્ધ પરંતુ સાવચેત સંતુલનની જરૂર છે.
પ્રાથમિક/માધ્યમિક/તૃતીય: 12-રંગના ચક્રમાં બેઝ હ્યુઝ, તેમના મિશ્રણો અને મધ્યવર્તી પગલાં.
રંગ/સંતૃપ્તિ/મૂલ્ય (HSV): વ્હીલ પરનો કોણ, રંગની તીવ્રતા અને તેજ.
ઍક્સેસિબિલિટી અને કોન્ટ્રાસ્ટ
વાંચી શકાય તેવું લખાણ સુનિશ્ચિત કરવા કોન્ટ્રાસ્ટ સંકેતોનો ઉપયોગ કરો. સામાન્ય ટેક્સ્ટ માટે, ના ગુણોત્તર માટે લક્ષ્ય રાખો ≥ 4.5:1; મોટા લખાણ માટે, ≥ 3:1. જ્યારે શંકા હોય ત્યારે, હળવા પૃષ્ઠભૂમિ અને ઘાટા પૂરક રંગ પસંદ કરો અથવા વધુ સારી સુવાચ્યતા માટે તેજ/મૂલ્ય વધારો.