ಉಚಿತ ಬಣ್ಣ ಪ್ಯಾಲೆಟ್ ಜನರೇಟರ್

ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ

ಟೂಲ್ ಶೂನ್ಯ ಬಾಹ್ಯ ಲೈಬ್ರರಿಗಳೊಂದಿಗೆ ನಿರ್ಮಿಸಲಾಗಿದೆ — ಎಲ್ಲಾ ಬಣ್ಣ ಗಣಿತ ನೇರವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಕೈಯಿಂದ ಬರೆದ JavaScript ಆಗಿ ಚಲಿಸುತ್ತದೆ. ಇದು ನಿಮ್ಮ ಆಯ್ಕೆ ಮಾಡಿದ ಬಣ್ಣವನ್ನು ಹೆಕ್ಸ್ ಮತ್ತು HSL ನಡುವೆ ಪರಿವರ್ತಿಸುತ್ತದೆ, ನಂತರ ಪ್ರತಿ ಪ್ಯಾಲೆಟ್ ಉತ್ಪಾದಿಸಲು ಹ್ಯೂ ಚಕ್ರದ ಮೇಲೆ ಅಂಕಗಣಿತ ಮೂಲಕ ಶಾಸ್ತ್ರೀಯ ಬಣ್ಣ ಸಿದ್ಧಾಂತ ಸಾಮರಸ್ಯ ನಿಯಮಗಳನ್ನು (ಪೂರಕ, ತ್ರಿಕೋನ, ಅನಲೊಗಸ್, ಇತ್ಯಾದಿ) ಅನ್ವಯಿಸುತ್ತದೆ.

1. 1
   ಹೆಕ್ಸ್-ನಿಂದ-HSL ಪರಿವರ್ತನೆ

   ನೀವು ಬಣ್ಣ ಆಯ್ಕೆ ಮಾಡಿದಾಗ, ಟೂಲ್ ಹೆಕ್ಸ್ ಸ್ಟ್ರಿಂಗ್ ಅನ್ನು RGB ಘಟಕಗಳಾಗಿ ಪಾರ್ಸ್ ಮಾಡಿ HSL (ಹ್ಯೂ, ಸ್ಯಾಚುರೇಶನ್, ಪ್ರಕಾಶ) ಗೆ ಪರಿವರ್ತಿಸುತ್ತದೆ. ಹ್ಯೂ ಬಣ್ಣ ಚಕ್ರದ ಮೇಲಿನ 0–360 ಡಿಗ್ರಿ ಸ್ಥಾನವಾಗಿದೆ; ಪ್ಯಾಲೆಟ್ ಗಣಿತವೆಲ್ಲ ಈ ಜಾಗದಲ್ಲಿ ನಡೆಯುತ್ತದೆ.
2. 2
   ಸಾಮರಸ್ಯಕ್ಕಾಗಿ ಹ್ಯೂ ಅಂಕಗಣಿತ

   ಪ್ರತಿ ಪ್ಯಾಲೆಟ್ ಪ್ರಕಾರ ಮೂಲ ಹ್ಯೂಗೆ ಅನ್ವಯಿಸಿದ ನಿಗದಿತ ತಿರುಗುವಿಕೆ ಸೂತ್ರವಾಗಿದೆ. ಪೂರಕ 180° ಸೇರಿಸುತ್ತದೆ, ತ್ರಿಕೋನ 120° ಮತ್ತು 240° ಸೇರಿಸುತ್ತದೆ, ಚತುರ್ಭುಜ 90° ಹೆಜ್ಜೆ ಹಾಕುತ್ತದೆ, ವಿಭಜಿತ-ಪೂರಕ 150° ಮತ್ತು 210° ಬಳಸುತ್ತದೆ. ಏಕವರ್ಣ ಮತ್ತು ಛಾಯೆಗಳು ಹ್ಯೂ ಮತ್ತು ಸ್ಯಾಚುರೇಶನ್ ಅನ್ನು ಸ್ಥಿರವಾಗಿ ಇಟ್ಟುಕೊಂಡು ಪ್ರಕಾಶವನ್ನು ಮೇಲಕ್ಕೆ ಮತ್ತು ಕೆಳಕ್ಕೆ ಹೆಜ್ಜೆ ಹಾಕುತ್ತವೆ.
3. 3
   HSL-ನಿಂದ-ಹೆಕ್ಸ್ ಔಟ್‌ಪುಟ್

   ಪ್ರತಿ ಲೆಕ್ಕಹಾಕಿದ HSL ಟ್ರಿಪ್ಲೆಟ್ ಅನ್ನು ಮಾನಕ ಕ್ರೋಮಾ ಸೂತ್ರ ಬಳಸಿ ಮತ್ತೆ ಹೆಕ್ಸ್ ಬಣ್ಣಕ್ಕೆ ಪರಿವರ್ತಿಸಲಾಗುತ್ತದೆ. ಫಲಿತಾಂಶಗಳು ಸರಳ ಪ್ರಕಾಶ ಥ್ರೆಶೋಲ್ಡ್‌ನಿಂದ ನಿರ್ಧರಿಸಿದ ಸ್ವಯಂ-ಕಾಂಟ್ರಾಸ್ಟ್ ಮಾಡಿದ ಲೇಬಲ್‌ಗಳೊಂದಿಗೆ (ತಿಳಿ ಸ್ವಾಚ್‌ಗಳ ಮೇಲೆ ಗಾಢ ಪಠ್ಯ, ಗಾಢ ಸ್ವಾಚ್‌ಗಳ ಮೇಲೆ ತಿಳಿ ಪಠ್ಯ) ಬಣ್ಣ ಪಟ್ಟಿಯಾಗಿ ಪ್ರದರ್ಶಿಸುತ್ತವೆ.
4. 4
   ನಿಮ್ಮ ಆದ್ಯತೆಯ ಫಾರ್ಮ್ಯಾಟ್‌ನಲ್ಲಿ ರಫ್ತು ಮಾಡಿ

   ಪ್ಯಾಲೆಟ್ ಅನ್ನು ಹೆಕ್ಸ್ ಸ್ಟ್ರಿಂಗ್‌ಗಳಾಗಿ ನಕಲಿಸಬಹುದು ಅಥವಾ CSS ವೇರಿಯಬಲ್‌ಗಳ ಫೈಲ್ (:root { --color-1: … }), SCSS ವೇರಿಯಬಲ್‌ಗಳು, Tailwind ಕಾನ್ಫಿಗ್ ಸ್ನಿಪ್ಪೆಟ್, JSON ಆಬ್ಜೆಕ್ಟ್, ಅಥವಾ PNG ಬಣ್ಣ ಪಟ್ಟಿಯಾಗಿ ರಫ್ತು ಮಾಡಬಹುದು. PNG ರಫ್ತು ಪ್ರತಿ ಸ್ವಾಚ್ ಅನ್ನು ಅದರ ಹೆಕ್ಸ್ ಲೇಬಲ್‌ನೊಂದಿಗೆ ಎಳೆಯಲು ಬ್ರೌಸರ್‌ನ Canvas API (toDataURL) ಬಳಸುತ್ತದೆ — ಎಲ್ಲವನ್ನೂ ಕ್ಲಿಕ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಉತ್ಪಾದಿಸಲಾಗುತ್ತದೆ.

ಸಂಬಂಧಿತ ಪರಿಕರಗಳು