ಉಚಿತ ಕಲರ್ ಪಿಕ್ಕರ್ ಮತ್ತು ಪ್ಯಾಲೆಟ್ ಜನರೇಟರ್

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

ಎಲ್ಲವೂ ಕೈಯಿಂದ ಬರೆದ ಪರಿವರ್ತನೆ ಗಣಿತ ಬಳಸಿ ನೇರವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ನಡೆಯುತ್ತದೆ — ಯಾವುದೇ ಬಣ್ಣ ಲೈಬ್ರರಿ ಇಲ್ಲ, ಸರ್ವರ್ ರೌಂಡ್-ಟ್ರಿಪ್ ಇಲ್ಲ. ನೀವು ಬ್ರೌಸರ್‌ನ ಸ್ಥಳೀಯ ಬಣ್ಣ ಇನ್‌ಪುಟ್ ಅಥವಾ EyeDropper API ಮೂಲಕ ಬಣ್ಣ ಆಯ್ಕೆ ಮಾಡುತ್ತೀರಿ, ಮತ್ತು ಟೂಲ್ WCAG ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತಗಳನ್ನು ಲೆಕ್ಕಹಾಕಿ ಸಾಮರಸ್ಯ ಪ್ಯಾಲೆಟ್‌ಗಳನ್ನು ಉತ್ಪಾದಿಸುತ್ತಿರುವಾಗ ತಕ್ಷಣ ಅದನ್ನು ಆರು ಫಾರ್ಮ್ಯಾಟ್‌ಗಳಿಗೆ ಪರಿವರ್ತಿಸುತ್ತದೆ.

1. 1
   ಸ್ಥಳೀಯ API ಮೂಲಕ ಬಣ್ಣ ಇನ್‌ಪುಟ್

   ನೀವು ಬ್ರೌಸರ್‌ನ ಅಂತರ್ನಿರ್ಮಿತ <input type="color"> ವಿಜೆಟ್ ಮೂಲಕ ಬಣ್ಣ ಆಯ್ಕೆ ಮಾಡುತ್ತೀರಿ, ಅಥವಾ — Chromium-ಆಧಾರಿತ ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿ — EyeDropper API ನಿಮ್ಮ ಪರದೆಯ ಮೇಲಿನ ಯಾವುದೇ ಪಿಕ್ಸೆಲ್ ಅನ್ನು ಮಾದರಿ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ. ಎರಡೂ ಮಾರ್ಗಗಳು ಸತ್ಯದ ಏಕೈಕ ಮೂಲವಾಗುವ ಹೆಕ್ಸ್ ಸ್ಟ್ರಿಂಗ್ ಹಿಂತಿರುಗಿಸುತ್ತವೆ.
2. 2
   ಕೈಯಿಂದ ಬರೆದ ಫಾರ್ಮ್ಯಾಟ್ ಪರಿವರ್ತನೆಗಳು

   ಟೂಲ್ ಹೆಕ್ಸ್ ಮೌಲ್ಯವನ್ನು ತನ್ನ ಸ್ವಂತ ಗಣಿತ ಫಂಕ್ಷನ್‌ಗಳನ್ನು ಬಳಸಿ (ಯಾವುದೇ ಬಾಹ್ಯ ಲೈಬ್ರರಿ ಇಲ್ಲದೆ) RGB, HSL, HSV, CMYK, ಮತ್ತು OKLCH ಆಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ. OKLCH ಪರಿವರ್ತನೆ sRGB ಚಾನೆಲ್‌ಗಳನ್ನು ರೇಖೀಕರಿಸುತ್ತದೆ, OKLab ಘನಮೂಲ ಮ್ಯಾಟ್ರಿಕ್ಸ್ ಅನ್ವಯಿಸುತ್ತದೆ, ನಂತರ ಆಧುನಿಕ CSS Color Level 4 ಔಟ್‌ಪುಟ್‌ಗೆ ಹೊಂದಿಕೆಯಾಗುವ ಕ್ರೋಮಾ ಮತ್ತು ಹ್ಯೂ ಕೋನವನ್ನು ಪಡೆಯುತ್ತದೆ.
3. 3
   WCAG ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಗಣನೆ

   WCAG 2.x ಸೂತ್ರ ಬಳಸಿ ರೇಖೀಕರಿಸಿದ RGB ಚಾನೆಲ್‌ಗಳಿಂದ ಸಾಪೇಕ್ಷ ಪ್ರಕಾಶವನ್ನು ಲೆಕ್ಕಹಾಕಲಾಗುತ್ತದೆ. ಟೂಲ್ ನಂತರ ಶುದ್ಧ ಬಿಳಿ ಮತ್ತು ಶುದ್ಧ ಕಪ್ಪು ವಿರುದ್ಧ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತಗಳನ್ನು ಲೆಕ್ಕಹಾಕಿ WCAG ಥ್ರೆಶೋಲ್ಡ್‌ಗಳ (3:1, 4.5:1, 7:1) ಪ್ರಕಾರ ಅವುಗಳನ್ನು AA-large, AA, AAA, ಅಥವಾ Fail ಎಂದು ಲೇಬಲ್ ಮಾಡುತ್ತದೆ.
4. 4
   ಸಾಮರಸ್ಯ ಪ್ಯಾಲೆಟ್ ಉತ್ಪಾದನೆ ಮತ್ತು ಸ್ಥಳೀಯ ಉಳಿತಾಯ

   ಪೂರಕ, ತ್ರಿಕೋನ, ಅನಲೊಗಸ್, ಮತ್ತು ಏಕವರ್ಣ ಸ್ವಾಚ್‌ಗಳನ್ನು HSL ಹ್ಯೂ ಮತ್ತು ಪ್ರಕಾಶ ಮೌಲ್ಯಗಳನ್ನು ಗಣಿತೀಯವಾಗಿ ತಿರುಗಿಸುವ ಅಥವಾ ಹೆಜ್ಜೆ ಹಾಕುವ ಮೂಲಕ ಪಡೆಯಲಾಗುತ್ತದೆ. ಉಳಿಸಿದ ಪ್ಯಾಲೆಟ್‌ಗಳನ್ನು ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ localStorage ಗೆ ಬರೆಯಲಾಗುತ್ತದೆ — ಏನೂ ನಿಮ್ಮ ಸಾಧನ ಬಿಟ್ಟು ಹೋಗುವುದಿಲ್ಲ.

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