CSS ಬಣ್ಣದ ಮೌಲ್ಯವನ್ನು ನಮೂದಿಸಿ, ಉದಾಹರಣೆಗೆ #ff6600, ff6600, rgb(255 102 0) ಅಥವಾ hsl(24 100% 50%). ಉಪಕರಣವು ಬಣ್ಣವನ್ನು ತೋರಿಸುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಸಾಮಾನ್ಯ CSS ಸ್ವರೂಪಗಳಿಗೆ ಪರಿವರ್ತಿಸುತ್ತದೆ.
ಪಾರದರ್ಶಕ ಬಣ್ಣದೊಂದಿಗೆ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನ್ನು ಲೆಕ್ಕಾಚಾರ ಮಾಡಲು ಅಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಇದು ಹೋಲಿಕೆಯ ಹಿನ್ನೆಲೆಯನ್ನು ಬದಲಾಯಿಸುತ್ತದೆ, ನೀವು ನಮೂದಿಸಿದ ಬಣ್ಣವನ್ನು ಅಲ್ಲ.
ಮೌಲ್ಯಗಳನ್ನು ಈ ಬ್ರೌಸರ್ನಲ್ಲಿ sRGB ಗೆ ಪರಿಹರಿಸಲಾಗಿದೆ. ಪ್ರಸ್ತುತ ಬಣ್ಣ, var() ಮತ್ತು ಸಿಸ್ಟಮ್ ಬಣ್ಣಗಳಂತಹ ಸಂದರ್ಭ-ಅವಲಂಬಿತ ಬಣ್ಣಗಳನ್ನು ಸ್ವೀಕರಿಸಲಾಗುವುದಿಲ್ಲ. ವೈಡ್-ಗ್ಯಾಮಟ್ ಮತ್ತು CSS ಬಣ್ಣ 4 ಕಾರ್ಯಗಳು ಈ ಉಪಕರಣದ ಬೆಂಬಲಿತ ಇನ್ಪುಟ್ ಫಾರ್ಮ್ಯಾಟ್ಗಳ ಹೊರಗಿವೆ. RGBA, HSLA ಮತ್ತು ಆಲ್ಫಾ HEX ನಲ್ಲಿ ಪಾರದರ್ಶಕತೆಯನ್ನು ಸಂರಕ್ಷಿಸಲಾಗಿದೆ. RGB ಮತ್ತು HSL ಆಲ್ಫಾವನ್ನು ಬಿಟ್ಟುಬಿಡುತ್ತದೆ. ಕಾಂಟ್ರಾಸ್ಟ್ ಥ್ರೆಶೋಲ್ಡ್ಗಳು ಪೂರ್ಣ ಪ್ರವೇಶದ ಆಡಿಟ್ ಅನ್ನು ಬದಲಾಯಿಸುವುದಿಲ್ಲ.
ಮಾನ್ಯವಾದ CSS ಬಣ್ಣದ ಮೌಲ್ಯವನ್ನು ನಮೂದಿಸಿ.
ಇನ್ಪುಟ್ ಬದಲಾಗಿದೆ. ಈ ವರದಿಯು ಇನ್ನೂ ಕೊನೆಯ ಯಶಸ್ವಿ ಓಟಕ್ಕೆ ಸೇರಿದೆ.
ಬಣ್ಣದ ಮಾದರಿ ಇಲ್ಲಿ ಕಾಣಿಸುತ್ತದೆ
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
ಸಿಎಸ್ಎಸ್ ಇನ್ಪುಟ್
—
WCAG ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4.5:1 ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕೆ AA ಥ್ರೆಶೋಲ್ಡ್ ಆಗಿದೆ; 3:1 ಸಾಕಷ್ಟು ದೊಡ್ಡ ಪಠ್ಯಕ್ಕೆ ಮಾತ್ರ ಅನ್ವಯಿಸುತ್ತದೆ. 7:1 ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕೆ AAA ಆಗಿದೆ. ಬಣ್ಣ-ಜೋಡಿ ಪರಿಶೀಲನೆಯು ಒಟ್ಟಾರೆ ಪುಟದ ಪ್ರವೇಶವನ್ನು ಸ್ಥಾಪಿಸುವುದಿಲ್ಲ.
ಆನ್ಲೈನ್ CSS ಬಣ್ಣ ಪರೀಕ್ಷಕವನ್ನು ಏಕೆ ಬಳಸಬೇಕು?
ನಿಮ್ಮ ಬ್ರೌಸರ್ನಲ್ಲಿ ನೇರವಾಗಿ ಯಾವುದೇ CSS ಬಣ್ಣದ ಮೌಲ್ಯವನ್ನು ತ್ವರಿತವಾಗಿ ದೃಶ್ಯೀಕರಿಸಲು ಈ ಉಪಕರಣವು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ. ನೀವು ವಿನ್ಯಾಸ ವ್ಯವಸ್ಥೆ, ಸ್ಟೈಲ್ ಗೈಡ್ ಅಥವಾ ಲೇಔಟ್ನಿಂದ ಕೋಡ್ಗಳನ್ನು ಅಂಟಿಸಬಹುದು ಮತ್ತು ಪರದೆಯ ಮೇಲೆ ಅವು ಹೇಗೆ ಕಾಣುತ್ತವೆ ಎಂಬುದನ್ನು ತಕ್ಷಣ ನೋಡಬಹುದು.
ವೆಬ್ಸೈಟ್ಗಾಗಿ ಶೈಲಿಗಳನ್ನು ಸಿದ್ಧಪಡಿಸುವಾಗ, ಬ್ರ್ಯಾಂಡ್ ಬಣ್ಣಗಳನ್ನು ಹೊಂದಿಸುವಾಗ ಅಥವಾ ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಲೇಔಟ್ಗಳನ್ನು ಡೀಬಗ್ ಮಾಡುವಾಗ ಇದನ್ನು ಬಳಸಿ. ಪರೀಕ್ಷಕವು HEX, RGB, RGBA, HSL ಮತ್ತು ಹೆಸರಿನ ಬಣ್ಣಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ಎಲ್ಲಾ ಪ್ರಮಾಣಿತ CSS ಸ್ವರೂಪಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ.
ತ್ವರಿತ ಆರಂಭ
CSS ಬಣ್ಣಗಳನ್ನು ಪರಿವರ್ತಿಸಿ ಮತ್ತು ಆಲ್ಫಾದೊಂದಿಗೆ ಅಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಪಠ್ಯದ ವ್ಯತಿರಿಕ್ತತೆಯನ್ನು ಪರಿಶೀಲಿಸಿ.
1
ಪಠ್ಯದ ಬಣ್ಣ ಮತ್ತು ಹಿನ್ನೆಲೆಯನ್ನು ನಮೂದಿಸಿ
2
ಕಾಂಟ್ರಾಸ್ಟ್ ಥ್ರೆಶೋಲ್ಡ್ಗಳನ್ನು ಪರಿವರ್ತಿಸಿ ಮತ್ತು ಪರೀಕ್ಷಿಸಿ
3
ಫಾರ್ಮ್ಯಾಟ್ ಅನ್ನು ನಕಲಿಸಿ ಅಥವಾ CSS ಮತ್ತು JSON ರಫ್ತು ಮಾಡಿ
ಪ್ರಕಟಣೆಯ ಮೊದಲು ವಿಮರ್ಶೆಗಳನ್ನು ಪರಿಶೀಲಿಸಲಾಗುತ್ತದೆ. ನಾವು ನಿಜವಾದ ಧನಾತ್ಮಕ ಪ್ರತಿಕ್ರಿಯೆ ಮತ್ತು ನಿರ್ದಿಷ್ಟ ಟೀಕೆಗಳನ್ನು ಪ್ರಕಟಿಸುತ್ತೇವೆ. ಉಪಯುಕ್ತ ವಿವರಗಳಿಲ್ಲದ ಸ್ಪ್ಯಾಮ್ ಮತ್ತು ಅವಮಾನಗಳನ್ನು ಪ್ರಕಟಿಸಲಾಗುವುದಿಲ್ಲ; ಅಶ್ಲೀಲ ಮತ್ತು ವೈಯಕ್ತಿಕ ವಿವರಗಳನ್ನು ಮರೆಮಾಡಲಾಗಿದೆ. ಧನಾತ್ಮಕ ಮತಗಳನ್ನು ತಕ್ಷಣವೇ ಎಣಿಸಲಾಗುತ್ತದೆ; ಪರಿಶೀಲನೆಯ ನಂತರ ನಕಾರಾತ್ಮಕ ಮತಗಳನ್ನು ಎಣಿಸಲಾಗುತ್ತದೆ.
ವಿಮರ್ಶೆಗಳು ಬಳಕೆದಾರರ ಅನುಭವಗಳನ್ನು ಪ್ರತಿಬಿಂಬಿಸುತ್ತವೆ, ಫಲಿತಾಂಶಗಳ ಖಾತರಿ ಅಥವಾ ಸೇವಾ ಮಿತಿಗಳ ವಿವರಣೆಯಲ್ಲ. ವಿಮರ್ಶೆಯನ್ನು ಬಿಡಲು ಮೇಲಿನ ರೇಟಿಂಗ್ ಬಟನ್ಗಳನ್ನು ಬಳಸಿ.