ಬಣ್ಣ-ಪರಿವರ್ತನೆ
#f1f3f4
≈ Porcelain
ಬದಲಾವಣೆಗಳು
ಈ ವಿಭಾಗದ ಉದ್ದೇಶವು ನಿಮ್ಮ ಆಯ್ಕೆ ಮಾಡಿದ ಬಣ್ಣದ ಟಿಂಟ್‌ಗಳನ್ನು (ಶುದ್ಧ ಬಿಳಿ ಸೇರಿಸಲಾಗಿದೆ) ಮತ್ತು ಛಾಯೆಗಳನ್ನು (ಶುದ್ಧ ಕಪ್ಪು ಸೇರಿಸಲಾಗಿದೆ) 10% ಹೆಚ್ಚಳದಲ್ಲಿ ನಿಖರವಾಗಿ ಉತ್ಪಾದಿಸುವುದಾಗಿದೆ.
ವೃತ್ತಿಪರ ಸಲಹೆ: ಹೂವರ್ ಸ್ಥಿತಿಗಳು ಮತ್ತು ನೆರಳುಗಳಿಗೆ ಛಾಯೆಗಳನ್ನು ಬಳಸಿ, ಹೈಲೈಟ್‌ಗಳು ಮತ್ತು ಹಿನ್ನೆಲೆಗಳಿಗೆ ಟಿಂಟ್‌ಗಳನ್ನು ಬಳಸಿ.
ಛಾಯೆಗಳು
ನಿಮ್ಮ ಮೂಲ ಬಣ್ಣಕ್ಕೆ ಕಪ್ಪು ಬಣ್ಣವನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ಗಾಢವಾದ ವ್ಯತ್ಯಾಸಗಳನ್ನು ರಚಿಸಲಾಗಿದೆ.
ಟಿಂಟ್‌ಗಳು
ನಿಮ್ಮ ಮೂಲ ಬಣ್ಣಕ್ಕೆ ಬಿಳಿ ಬಣ್ಣವನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ಹಗುರವಾದ ವ್ಯತ್ಯಾಸಗಳನ್ನು ರಚಿಸಲಾಗಿದೆ.
ಸಾಮಾನ್ಯ ಬಳಕೆಯ ಪ್ರಕರಣಗಳು
- • UI ಘಟಕ ಸ್ಥಿತಿಗಳು (ಹೋವರ್, ಸಕ್ರಿಯ, ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾಗಿದೆ)
- • ನೆರಳುಗಳು ಮತ್ತು ಮುಖ್ಯಾಂಶಗಳೊಂದಿಗೆ ಆಳವನ್ನು ರಚಿಸುವುದು
- • ಸ್ಥಿರವಾದ ಬಣ್ಣ ವ್ಯವಸ್ಥೆಗಳನ್ನು ನಿರ್ಮಿಸುವುದು
ವಿನ್ಯಾಸ ವ್ಯವಸ್ಥೆಯ ಸಲಹೆ
ಈ ವ್ಯತ್ಯಾಸಗಳು ಒಗ್ಗಟ್ಟಿನ ಬಣ್ಣದ ಪ್ಯಾಲೆಟ್‌ನ ಅಡಿಪಾಯವನ್ನು ರೂಪಿಸುತ್ತವೆ. ನಿಮ್ಮ ಸಂಪೂರ್ಣ ಯೋಜನೆಯಾದ್ಯಂತ ಸ್ಥಿರತೆಯನ್ನು ಕಾಪಾಡಿಕೊಳ್ಳಲು ಅವುಗಳನ್ನು ರಫ್ತು ಮಾಡಿ.
ಬಣ್ಣ ಸಂಯೋಜನೆಗಳು
ಪ್ರತಿಯೊಂದು ಸಾಮರಸ್ಯಕ್ಕೂ ತನ್ನದೇ ಆದ ಮನಸ್ಥಿತಿ ಇರುತ್ತದೆ. ಒಟ್ಟಿಗೆ ಚೆನ್ನಾಗಿ ಕೆಲಸ ಮಾಡುವ ಬಣ್ಣ ಸಂಯೋಜನೆಗಳನ್ನು ಸಂಯೋಜಿಸಲು ಸಾಮರಸ್ಯವನ್ನು ಬಳಸಿ.
ಬಳಸುವುದು ಹೇಗೆ
ಯಾವುದೇ ಬಣ್ಣದ ಹೆಕ್ಸ್ ಮೌಲ್ಯವನ್ನು ನಕಲಿಸಲು ಅದರ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ. ಈ ಸಂಯೋಜನೆಗಳು ದೃಶ್ಯ ಸಾಮರಸ್ಯವನ್ನು ಸೃಷ್ಟಿಸುತ್ತವೆ ಎಂದು ಗಣಿತಶಾಸ್ತ್ರೀಯವಾಗಿ ಸಾಬೀತಾಗಿದೆ.
ಅದು ಏಕೆ ಮುಖ್ಯ?
ಬಣ್ಣಗಳ ಸಾಮರಸ್ಯವು ನಿಮ್ಮ ವಿನ್ಯಾಸಗಳಲ್ಲಿ ಸಮತೋಲನವನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ ಮತ್ತು ನಿರ್ದಿಷ್ಟ ಭಾವನೆಗಳನ್ನು ಹುಟ್ಟುಹಾಕುತ್ತದೆ.
ಪೂರಕ
ಬಣ್ಣದ ಚಕ್ರದಲ್ಲಿ ಒಂದು ಬಣ್ಣ ಮತ್ತು ಅದರ ವಿರುದ್ಧಾರ್ಥ, +180 ಡಿಗ್ರಿ ವರ್ಣ. ಹೆಚ್ಚಿನ ಕಾಂಟ್ರಾಸ್ಟ್.
ಸ್ಪ್ಲಿಟ್-ಪೂರಕ
ಒಂದು ಬಣ್ಣ ಮತ್ತು ಅದರ ಪೂರಕಕ್ಕೆ ಹೊಂದಿಕೊಂಡಿರುವ ಎರಡು ಬಣ್ಣಗಳು, ಮುಖ್ಯ ಬಣ್ಣದ ವಿರುದ್ಧ ಮೌಲ್ಯದಿಂದ +/-30 ಡಿಗ್ರಿಗಳಷ್ಟು ವರ್ಣ. ನೇರ ಪೂರಕದಂತೆ ದಪ್ಪ, ಆದರೆ ಹೆಚ್ಚು ಬಹುಮುಖ.
ಟ್ರಯಾಡಿಕ್
ಬಣ್ಣದ ಚಕ್ರದ ಉದ್ದಕ್ಕೂ ಮೂರು ಬಣ್ಣಗಳು ಸಮಾನ ಅಂತರದಲ್ಲಿದ್ದು, ಪ್ರತಿಯೊಂದೂ 120 ಡಿಗ್ರಿಗಳಷ್ಟು ವರ್ಣ ಅಂತರದಲ್ಲಿರುತ್ತವೆ. ಒಂದು ಬಣ್ಣವು ಪ್ರಾಬಲ್ಯ ಸಾಧಿಸಲು ಮತ್ತು ಇತರ ಬಣ್ಣಗಳನ್ನು ಉಚ್ಚಾರಣೆಯಾಗಿ ಬಳಸಲು ಅವಕಾಶ ನೀಡುವುದು ಉತ್ತಮ.
ಸದೃಶ
ಒಂದೇ ರೀತಿಯ ಹೊಳಪು ಮತ್ತು ಶುದ್ಧತ್ವದ ಮೂರು ಬಣ್ಣಗಳು, ಬಣ್ಣ ಚಕ್ರದ ಪಕ್ಕದಲ್ಲಿರುವ ವರ್ಣಗಳೊಂದಿಗೆ, 30 ಡಿಗ್ರಿ ಅಂತರದಲ್ಲಿ. ಸುಗಮ ಪರಿವರ್ತನೆಗಳು.
ಏಕವರ್ಣದ
+/-50% ಪ್ರಕಾಶಮಾನ ಮೌಲ್ಯಗಳೊಂದಿಗೆ ಒಂದೇ ವರ್ಣದ ಮೂರು ಬಣ್ಣಗಳು. ಸೂಕ್ಷ್ಮ ಮತ್ತು ಪರಿಷ್ಕೃತ.
ಟೆಟ್ರಾಡಿಕ್
60 ಡಿಗ್ರಿ ವರ್ಣದಿಂದ ಬೇರ್ಪಟ್ಟ ಎರಡು ಪೂರಕ ಬಣ್ಣಗಳ ಜೋಡಿಗಳು.
ಬಣ್ಣ ಸಿದ್ಧಾಂತದ ತತ್ವಗಳು
ಸಮತೋಲನ
ಒಂದು ಪ್ರಬಲ ಬಣ್ಣ, ದ್ವಿತೀಯಕ ಬಣ್ಣದೊಂದಿಗೆ ಬೆಂಬಲ ಮತ್ತು ಉಚ್ಚಾರಣೆಯನ್ನು ಮಿತವಾಗಿ ಬಳಸಿ.
ಕಾಂಟ್ರಾಸ್ಟ್
ಓದುವಿಕೆ ಮತ್ತು ಪ್ರವೇಶಸಾಧ್ಯತೆಗಾಗಿ ಸಾಕಷ್ಟು ವ್ಯತಿರಿಕ್ತತೆಯನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ.
ಸಾಮರಸ್ಯ
ಏಕೀಕೃತ ದೃಶ್ಯ ಅನುಭವವನ್ನು ರಚಿಸಲು ಬಣ್ಣಗಳು ಒಟ್ಟಾಗಿ ಕೆಲಸ ಮಾಡಬೇಕು.
ಬಣ್ಣ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರೀಕ್ಷಕ
ಪಠ್ಯ ಓದುವಿಕೆಗಾಗಿ WCAG ಪ್ರವೇಶಿಸುವಿಕೆ ಮಾನದಂಡಗಳನ್ನು ಪೂರೈಸುವುದನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಬಣ್ಣ ಸಂಯೋಜನೆಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ.
ಪಠ್ಯದ ಬಣ್ಣ
ಹಿನ್ನೆಲೆ ಬಣ್ಣ
ಕಾಂಟ್ರಾಸ್ಟ್
WCAG ಮಾನದಂಡಗಳು
ಸುಧಾರಿತ ಕಾಂಟ್ರಾಸ್ಟ್ ಚೆಕರ್
ಸ್ಲೈಡರ್‌ಗಳು, ಬಹು ಪೂರ್ವವೀಕ್ಷಣೆಗಳು ಮತ್ತು ಇನ್ನೂ ಹೆಚ್ಚಿನವುಗಳೊಂದಿಗೆ ಉತ್ತಮಗೊಳಿಸಿ
ಎಲ್ಲರೂ ಮೇಧಾವಿಗಳೇ. ಆದರೆ ಮರವನ್ನು ಏರುವ ಸಾಮರ್ಥ್ಯದಿಂದ ನೀವು ಮೀನನ್ನು ನಿರ್ಣಯಿಸಿದರೆ, ಅದು ಮೂರ್ಖತನ ಎಂದು ನಂಬಿ ತನ್ನ ಇಡೀ ಜೀವನವನ್ನು ನಡೆಸುತ್ತದೆ.