ಉಚಿತ ಚಿತ್ರ ಬಣ್ಣ ಪ್ಯಾಲೆಟ್ ಎಕ್ಸ್‌ಟ್ರಾಕ್ಟರ್

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

ಬಣ್ಣ ಹೊರತೆಗೆಯುವಿಕೆ Canvas API ಯಿಂದ ಓದಿದ ಕಚ್ಚಾ ಪಿಕ್ಸೆಲ್ ಡೇಟಾಗೆ ಅನ್ವಯಿಸಲಾದ ಕೈಯಿಂದ ಬರೆದ k-means++ ಕ್ಲಸ್ಟರಿಂಗ್ ಅಲ್ಗಾರಿದಮ್ ಬಳಸಿ ಸಂಪೂರ್ಣವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ನಡೆಯುತ್ತದೆ — ಯಾವುದೇ ಸರ್ವರ್ ಇಲ್ಲ, ಮೂರನೇ ವ್ಯಕ್ತಿಯ ಲೈಬ್ರರಿ ಇಲ್ಲ. ಒಂದೇ ಚಿತ್ರ ಮತ್ತು ಬಣ್ಣ-ಎಣಿಕೆ ಸೆಟ್ಟಿಂಗ್‌ಗಳು ಯಾವಾಗಲೂ ಅದೇ ಪ್ಯಾಲೆಟ್ ಉತ್ಪಾದಿಸುತ್ತವೆ ಏಕೆಂದರೆ ಅಲ್ಗಾರಿದಮ್ Math.random ಬದಲಿಗೆ ನಿರ್ಣಾಯಕ ಸೂಡೊ-ಯಾದೃಚ್ಛಿಕ ಸಂಖ್ಯೆ ಜನರೇಟರ್ (mulberry32) ಬಳಸುತ್ತದೆ.

1. 1
   Canvas ಪಿಕ್ಸೆಲ್ ಡೇಟಾ ಓದುತ್ತದೆ

   ಚಿತ್ರವನ್ನು ಪರದೆಯ-ಹೊರಗಿನ HTML Canvas ಎಲಿಮೆಂಟ್‌ಗೆ ಎಳೆಯಲಾಗುತ್ತದೆ ಮತ್ತು ಅದರ ಉದ್ದದ ಬದಿಯಲ್ಲಿ ಗರಿಷ್ಠ 200px ಗೆ ಡೌನ್‌ಸ್ಯಾಂಪಲ್ ಮಾಡಲಾಗುತ್ತದೆ. Canvas API ಯ getImageData() ಪ್ರತಿ ಪಿಕ್ಸೆಲ್ ಅನ್ನು ಕಚ್ಚಾ RGBA ಬೈಟ್‌ಗಳಾಗಿ ಹಿಂತಿರುಗಿಸುತ್ತದೆ, ಮತ್ತು ಕ್ಲಸ್ಟರಿಂಗ್ ಪ್ರಾರಂಭವಾಗುವ ಮೊದಲು ಸಂಪೂರ್ಣ ಪಾರದರ್ಶಕ ಪಿಕ್ಸೆಲ್‌ಗಳನ್ನು (alpha < 128) ತಿರಸ್ಕರಿಸಲಾಗುತ್ತದೆ.
2. 2
   k-means++ ಪಿಕ್ಸೆಲ್‌ಗಳನ್ನು ಕ್ಲಸ್ಟರ್ ಮಾಡುತ್ತದೆ

   k-means++ ಆರಂಭಕಾರ ಸೆಂಟ್ರಾಯ್ಡ್‌ಗಳನ್ನು ನಿರ್ಣಾಯಕವಾಗಿ ಬಿತ್ತುತ್ತದೆ, ನಂತರ ಅಲ್ಗಾರಿದಮ್ 20 ಬಾರಿ ಪುನರಾವರ್ತಿಸುತ್ತದೆ: ಪ್ರತಿ ಪಿಕ್ಸೆಲ್ ಅನ್ನು RGB ಜಾಗದಲ್ಲಿ ಅದರ ಹತ್ತಿರದ ಸೆಂಟ್ರಾಯ್ಡ್‌ಗೆ ನಿಯೋಜಿಸಲಾಗುತ್ತದೆ, ನಂತರ ಸೆಂಟ್ರಾಯ್ಡ್‌ಗಳನ್ನು ಎಲ್ಲಾ ನಿಯೋಜಿತ ಪಿಕ್ಸೆಲ್‌ಗಳ ಸರಾಸರಿಯಾಗಿ ಮರುಲೆಕ್ಕಹಾಕಲಾಗುತ್ತದೆ. ಒಂದೇ ಹೆಕ್ಸ್ ಮೌಲ್ಯಕ್ಕೆ ಕುಸಿಯುವ ಕ್ಲಸ್ಟರ್‌ಗಳನ್ನು ವಿಲೀನಗೊಳಿಸಲಾಗುತ್ತದೆ, ಆದ್ದರಿಂದ ಫಲಿತಾಂಶದಲ್ಲಿನ ಪ್ರತಿ ಸ್ವಾಚ್ ವಿಶಿಷ್ಟವಾಗಿದೆ.
3. 3
   ಪ್ರತಿ-ಬಣ್ಣ ಮೆಟಾಡೇಟಾವನ್ನು ಲೆಕ್ಕಹಾಕಲಾಗಿದೆ

   ಪ್ರತಿ ಸೆಂಟ್ರಾಯ್ಡ್ ಅನ್ನು HEX, HSL, ಮತ್ತು ಒಟ್ಟು ಪಿಕ್ಸೆಲ್‌ಗಳ ಪಾಲಿಗೆ (ಶೇಕಡಾವಾರು) ಪರಿವರ್ತಿಸಲಾಗುತ್ತದೆ. WCAG ಸಾಪೇಕ್ಷ ಪ್ರಕಾಶವನ್ನು ಮಾನಕ ಸೂತ್ರದ ಪ್ರಕಾರ ಲೆಕ್ಕಹಾಕಲಾಗುತ್ತದೆ, ಮತ್ತು ಕಪ್ಪು ಮತ್ತು ಬಿಳಿ ಎರಡರ ವಿರುದ್ಧದ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತಗಳನ್ನು ಪ್ರತಿ ಸ್ವಾಚ್ ಜೊತೆಗೆ ತೋರಿಸಲಾಗುತ್ತದೆ.
4. 4
   ರಫ್ತು ಮತ್ತು ಐಡ್ರಾಪರ್ ಔಟ್‌ಪುಟ್

   ಪ್ಯಾಲೆಟ್ ಅನ್ನು CSS ಕಸ್ಟಮ್ ಪ್ರಾಪರ್ಟಿಗಳಾಗಿ, SCSS ವೇರಿಯಬಲ್‌ಗಳಾಗಿ, Tailwind ಕಾನ್ಫಿಗ್ ಸ್ನಿಪ್ಪೆಟ್ ಆಗಿ, ಅಥವಾ JSON ಆಗಿ ನಕಲಿಸಬಹುದು. ಕ್ಲಿಕ್-ಟು-ಸ್ಯಾಂಪಲ್ ಐಡ್ರಾಪರ್ ಮುನ್ನೋಟದ ಮೇಲಿನ ನಿಮ್ಮ ಕ್ಲಿಕ್ ಅನ್ನು ಪೂರ್ಣ-ರೆಸಲ್ಯೂಶನ್ ಕ್ಯಾನ್ವಾಸ್‌ನಲ್ಲಿ ನಿಖರ ಮೂಲ ಪಿಕ್ಸೆಲ್ ನಿರ್ದೇಶಾಂಕಗಳಿಗೆ ಮ್ಯಾಪ್ ಮಾಡುತ್ತದೆ, ಆ ಪಿಕ್ಸೆಲ್‌ನ ಬಣ್ಣವನ್ನು ಪ್ರತ್ಯೇಕ ಆಯ್ಕೆ ಮಾಡಿದ-ಬಣ್ಣಗಳ ಪಟ್ಟಿಗೆ ಸೇರಿಸುತ್ತದೆ. PNG ಪ್ಯಾಲೆಟ್ ಪಟ್ಟಿಯನ್ನು Canvas toBlob() ಮೂಲಕ ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು.

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