SmartCalcy.ದಿನನಿತ್ಯದ ಲೆಕ್ಕಗಳಿಗೆ ತ್ವರಿತ ಉತ್ತರಗಳು
/
ಫೈಲ್‌ಗಳು, ಚಿತ್ರಗಳು ಮತ್ತು ವಿನ್ಯಾಸ

ಬಣ್ಣ ಆಯ್ಕೆಗಾರ ಮತ್ತು ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲಕ

ಆಯ್ಕೆಗಾರದಿಂದ ಬಣ್ಣವನ್ನು ಆರಿಸಿ ಅಥವಾ ಯಾವುದೇ ಫಾರ್ಮ್ಯಾಟ್‌ನಲ್ಲಿ ಟೈಪ್ ಮಾಡಿ. ಅದನ್ನು HEX, RGB, HSL, HSV ಮತ್ತು CMYK ಆಗಿ ನೋಡಿ, ತಿಳಿ ಮತ್ತು ಗಾಢ ಛಾಯೆಗಳು ಹಾಗೂ ಹೊಂದುವ ಬಣ್ಣಗಳನ್ನು ಪಡೆಯಿರಿ, ಮತ್ತು ಎರಡು ಬಣ್ಣಗಳ ಪಠ್ಯ ಪ್ರವೇಶಸಾಧ್ಯತೆಗಾಗಿ WCAG ಕಾಂಟ್ರಾಸ್ಟ್ ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಪೂರೈಸುತ್ತದೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸಿ.

ಬಣ್ಣಗಳು

ಬಣ್ಣ ಆಯ್ಕೆಗಾರ ಮತ್ತು ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲಕ ಬಗ್ಗೆ

ಆಯ್ಕೆಗಾರದಿಂದ ಬಣ್ಣವನ್ನು ಆರಿಸಿ ಅಥವಾ ಯಾವುದೇ ಫಾರ್ಮ್ಯಾಟ್‌ನಲ್ಲಿ ಟೈಪ್ ಮಾಡಿ. ಅದನ್ನು HEX, RGB, HSL, HSV ಮತ್ತು CMYK ಆಗಿ ನೋಡಿ, ತಿಳಿ ಮತ್ತು ಗಾಢ ಛಾಯೆಗಳು ಹಾಗೂ ಹೊಂದುವ ಬಣ್ಣಗಳನ್ನು ಪಡೆಯಿರಿ, ಮತ್ತು ಎರಡು ಬಣ್ಣಗಳ ಪಠ್ಯ ಪ್ರವೇಶಸಾಧ್ಯತೆಗಾಗಿ WCAG ಕಾಂಟ್ರಾಸ್ಟ್ ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಪೂರೈಸುತ್ತದೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸಿ.

SmartCalcy ಯ “ಫೈಲ್‌ಗಳು, ಚಿತ್ರಗಳು ಮತ್ತು ವಿನ್ಯಾಸ” ವಿಭಾಗದ ಭಾಗ. ಇದು ಖಾತೆಯಿಲ್ಲದೆ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ, ನಿಮ್ಮದೇ ಕರೆನ್ಸಿ ಮತ್ತು ಯೂನಿಟ್‌ಗಳನ್ನು ಬಳಸುತ್ತದೆ (ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಬದಲಾಯಿಸಿ), ಮತ್ತು ಮಾಹಿತಿಗಾಗಿ ಮಾತ್ರ ಅಂದಾಜುಗಳನ್ನು ನೀಡುತ್ತದೆ, ಆದ್ದರಿಂದ ಫಲಿತಾಂಶವನ್ನು ಅವಲಂಬಿಸುವ ಮೊದಲು ಅಧಿಕೃತ ಮಾರ್ಗದರ್ಶನವನ್ನು ಪರಿಶೀಲಿಸಿ.

ಬಣ್ಣ ಆಯ್ಕೆಗಾರ ಮತ್ತು ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲಕ ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು

ಇದು ಏನನ್ನು ಲೆಕ್ಕಹಾಕುತ್ತದೆ ಮತ್ತು ಯಾವಾಗ ಬಳಸಬೇಕು

HEX, RGB, HSL, HSV ಮತ್ತು CMYK ನಡುವೆ ಬಣ್ಣಗಳನ್ನು ಆರಿಸುತ್ತದೆ ಮತ್ತು ಪರಿವರ್ತಿಸುತ್ತದೆ, ತಿಳಿ ಮತ್ತು ಗಾಢ ಛಾಯೆಗಳು ಹಾಗೂ ಹೊಂದುವ ಬಣ್ಣಗಳನ್ನು ಸೂಚಿಸುತ್ತದೆ, ಮತ್ತು WCAG ಪ್ರವೇಶಸಾಧ್ಯತಾ ಮಾರ್ಗಸೂಚಿಗಳ ಪ್ರಕಾರ ಪಠ್ಯದ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲಿಸುತ್ತದೆ.

ಹಂತ ಹಂತವಾಗಿ ಬಳಸುವುದು ಹೇಗೆ

  1. ಆಯ್ಕೆಗಾರದಿಂದ ಬಣ್ಣವನ್ನು ಆರಿಸಿ ಅಥವಾ HEX, RGB, HSL ಅಥವಾ ಬಣ್ಣದ ಹೆಸರಾಗಿ ಟೈಪ್ ಮಾಡಿ.
  2. ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲಿಸಲು ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಆರಿಸಿ.
  3. ಒಂದೇ ಕ್ಲಿಕ್‌ನಲ್ಲಿ ಯಾವುದೇ ಫಾರ್ಮ್ಯಾಟ್ ನಕಲಿಸಿ.
  4. ಪ್ಯಾಲೆಟ್‌ಗಾಗಿ ತಿಳಿ ಮತ್ತು ಗಾಢ ಛಾಯೆಗಳು ಹಾಗೂ ಹೊಂದುವ ಬಣ್ಣಗಳನ್ನು ಬಳಸಿ.

ಪ್ರತಿ ಇನ್‌ಪುಟ್‌ನ ಅರ್ಥ

  • ಬಣ್ಣ – #2443C8, SmartCalcy ನೀಲಿಯಿಂದ ಆರಂಭವಾಗುತ್ತದೆ.
  • ಹಿನ್ನೆಲೆ – ಬಿಳಿಯಿಂದ ಆರಂಭವಾಗುತ್ತದೆ.

ಫಲಿತಾಂಶಗಳನ್ನು ಹೇಗೆ ಓದುವುದು

  • ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ – 1:1 ರಿಂದ 21:1 ರವರೆಗೆ, ಸಾಮಾನ್ಯ ಮತ್ತು ದೊಡ್ಡ ಪಠ್ಯಕ್ಕೆ AA ಮತ್ತು AAA ಫಲಿತಾಂಶಗಳೊಂದಿಗೆ.
  • ಫಾರ್ಮ್ಯಾಟ್‌ಗಳು – HEX, RGB, HSL, HSV ಮತ್ತು CMYK.
  • ತಿಳಿ ಮತ್ತು ಗಾಢ ಛಾಯೆಗಳು – ತಿಳಿ ಮತ್ತು ಗಾಢ ಆವೃತ್ತಿಗಳು.
  • ಹೊಂದುವ ಬಣ್ಣಗಳು – ಪೂರಕ, ಸದೃಶ ಮತ್ತು ತ್ರಿಕೋನೀಯ.

ಸೂತ್ರ

ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ = (L1 + 0.05) ÷ (L2 + 0.05), ಇಲ್ಲಿ L1 ಮತ್ತು L2 ತಿಳಿ ಮತ್ತು ಗಾಢ ಬಣ್ಣಗಳ ಸಾಪೇಕ್ಷ ಪ್ರಕಾಶಮಾನತೆ. WCAG AA ಗೆ ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕೆ 4.5:1 ಮತ್ತು ದೊಡ್ಡ ಪಠ್ಯಕ್ಕೆ 3:1 ಬೇಕು; AAA ಗೆ 7:1 ಮತ್ತು 4.5:1 ಬೇಕು.

ಒಂದು ಉದಾಹರಣೆ

ಆರಂಭಿಕ ಬಣ್ಣಗಳೊಂದಿಗೆ, ಬಿಳಿಯ ಮೇಲಿನ #2443C8 ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ 7.74:1, ಇದು ಎಲ್ಲಾ ಪಠ್ಯ ಗಾತ್ರಗಳಿಗೆ AAA ಉತ್ತೀರ್ಣ.

ಊಹೆಗಳು ಮತ್ತು ಮಿತಿಗಳು

  • CMYK ಮೌಲ್ಯಗಳು ಸರಳ ಪರಿವರ್ತನೆ, ಬಣ್ಣ-ನಿರ್ವಹಿತ ಮುದ್ರಣ ಪ್ರೊಫೈಲ್ ಅಲ್ಲ.
  • ಕಾಂಟ್ರಾಸ್ಟ್ ಫಲಿತಾಂಶಗಳು WCAG 2 ಸೂತ್ರವನ್ನು ಅನುಸರಿಸುತ್ತವೆ.

ಸಾಮಾನ್ಯ ತಪ್ಪುಗಳು

  • ದೊಡ್ಡ ಪಠ್ಯದ ಮೇಲೆ ಮಾತ್ರ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲಿಸಿ ಆ ಬಣ್ಣವನ್ನು ಸಣ್ಣ ಪಠ್ಯಕ್ಕೆ ಬಳಸುವುದು.
  • ಅರ್ಥ ತೋರಿಸಲು ಬಣ್ಣವನ್ನು ಮಾತ್ರ ಅವಲಂಬಿಸುವುದು.

ಪದೇ ಪದೇ ಕೇಳಲಾಗುವ ಪ್ರಶ್ನೆಗಳು

ನನಗೆ ಯಾವ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಬೇಕು?

WCAG AA ಪೂರೈಸಲು ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕೆ ಕನಿಷ್ಠ 4.5:1 ಮತ್ತು ದೊಡ್ಡ ಪಠ್ಯಕ್ಕೆ 3:1.

ದೊಡ್ಡ ಪಠ್ಯ ವಿಶೇಷ ಗಾತ್ರವೇ?

ಹೌದು: ಕನಿಷ್ಠ 24 px, ಅಥವಾ ದಪ್ಪ ಅಕ್ಷರದಲ್ಲಿ ಸುಮಾರು 18.7 px.

ಬಣ್ಣದ ಹೆಸರನ್ನು ಟೈಪ್ ಮಾಡಬಹುದೇ?

ಹೌದು, teal ಅಥವಾ tomato ನಂತಹ ಯಾವುದೇ CSS ಬಣ್ಣದ ಹೆಸರು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.

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

#2443C8rgb(36, 67, 200)
ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ
7.74:1
ಎಲ್ಲಾ ಪಠ್ಯಕ್ಕೂ AAA ಉತ್ತೀರ್ಣ.
ದೊಡ್ಡ ಪಠ್ಯ, 24 px16 px ನಲ್ಲಿ ಸಾಮಾನ್ಯ ಪಠ್ಯ ಹೀಗೆ ಕಾಣುತ್ತದೆ.
ಮಟ್ಟಸಾಮಾನ್ಯ ಪಠ್ಯದೊಡ್ಡ ಪಠ್ಯ
AAಉತ್ತೀರ್ಣಉತ್ತೀರ್ಣ
AAAಉತ್ತೀರ್ಣಉತ್ತೀರ್ಣ

ಫಾರ್ಮ್ಯಾಟ್‌ಗಳು

HEX
RGB
HSL
HSV
CMYK

ತಿಳಿ ಮತ್ತು ಗಾಢ ಛಾಯೆಗಳು

ಹೊಂದುವ ಬಣ್ಣಗಳು

ಪೂರಕ
ಸದೃಶ
ತ್ರಿಕೋನೀಯ