મફત કલર પેલેટ જનરેટર

આ કેવી રીતે કાર્ય કરે છે

સાધન શૂન્ય બાહ્ય લાઇબ્રેરીઓ સાથે બનાવવામાં આવ્યું છે — બધો color math સીધા તમારા બ્રાઉઝરમાં hand-written JavaScript માં ચાલે છે. તે તમારો પસંદ કરેલો color hex અને HSL વચ્ચે કન્વર્ટ કરે છે, પછી દરેક palette બનાવવા hue wheel પર arithmetic દ્વારા classical color theory harmony rules (complementary, triadic, analogous, વગેરે) લાગુ કરે છે.

1. 1
   Hex-થી-HSL રૂપાંતર

   જ્યારે તમે color પસંદ કરો, ત્યારે સાધન hex string ને RGB components માં parse કરે છે અને તેમને HSL (hue, saturation, lightness) માં કન્વર્ટ કરે છે. Hue color wheel પર 0–360 ડિગ્રી position છે; palette math બધું આ space માં થાય છે.
2. 2
   Harmony માટે Hue arithmetic

   દરેક palette type base hue પર લાગુ નિશ્ચિત rotation સૂત્ર છે. Complementary 180° ઉમેરે છે, triadic 120° અને 240° ઉમેરે છે, tetradic 90° ના steps લે છે, split-complementary 150° અને 210° વાપરે છે. Monochromatic અને shades hue અને saturation ને સ્થિર રાખે છે જ્યારે lightness ને ઉપર અને નીચે step કરે છે.
3. 3
   HSL-to-hex આઉટપુટ

   દરેક ગણેલો HSL triplet પ્રમાણભૂત chroma સૂત્ર વાપરીને પાછો hex color માં કન્વર્ટ થાય છે. પરિણામો auto-contrasted labels (light swatches પર dark text, dark ones પર light text) સાથે color strip તરીકે દર્શાવાય છે, જે એક સાદા luminance threshold દ્વારા નક્કી થાય છે.
4. 4
   તમારા પસંદગીના ફોર્મેટમાં એક્સપોર્ટ કરો

   Palette hex strings તરીકે કૉપિ કરી શકાય છે અથવા CSS variables file (:root { --color-1: … }), SCSS variables, Tailwind config snippet, JSON object, અથવા PNG color strip તરીકે એક્સપોર્ટ કરી શકાય છે. PNG એક્સપોર્ટ દરેક swatch ને તેના hex label સાથે દોરવા બ્રાઉઝરના Canvas API (toDataURL) નો ઉપયોગ કરે છે — click પર બધું સ્થાનિક રીતે જનરેટ થાય છે.

સંબંધિત સાધનો