ಬಣ್ಣದ ಗ್ರಿಡ್. ಶೈಲಿಗಳಲ್ಲಿನ ಬಣ್ಣವನ್ನು ವಿವಿಧ ರೀತಿಯಲ್ಲಿ ನಿರ್ದಿಷ್ಟಪಡಿಸಬಹುದು: ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಮೌಲ್ಯದಿಂದ, ಹೆಸರಿನಿಂದ, RGB, RGBA, HSL, HSLA ಸ್ವರೂಪದಲ್ಲಿ. ಉದಾಹರಣೆ: ಅದರ ಹೆಸರಿನಿಂದ ಬಣ್ಣವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುವುದು
CSS ಬಣ್ಣದ ಮಾಡ್ಯೂಲ್ ಲೇಖಕರು html ಅಂಶಗಳ ಬಣ್ಣಗಳು ಮತ್ತು ಅಪಾರದರ್ಶಕತೆ, ಹಾಗೆಯೇ ಬಣ್ಣದ ಆಸ್ತಿಯ ಮೌಲ್ಯಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಅನುಮತಿಸುವ ಮೌಲ್ಯಗಳನ್ನು ವಿವರಿಸುತ್ತದೆ.
ಬಣ್ಣದ ಆಸ್ತಿ
1. ಆದ್ಯತೆಯ ಬಣ್ಣಗಳು: ಬಣ್ಣದ ಆಸ್ತಿ
ಆಸ್ತಿ ಬಳಸಿಕೊಂಡು ಫಾಂಟ್ ಬಣ್ಣವನ್ನು ಹೊಂದಿಸುತ್ತದೆ ವಿವಿಧ ವ್ಯವಸ್ಥೆಗಳುಬಣ್ಣ ನಿರೂಪಣೆ. ಆಸ್ತಿಯು ಅಂಶದ ಪಠ್ಯ ವಿಷಯದ ಬಣ್ಣವನ್ನು ವಿವರಿಸುತ್ತದೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಬಣ್ಣ ಮೌಲ್ಯಗಳನ್ನು ಸ್ವೀಕರಿಸುವ ಯಾವುದೇ ಇತರ ಗುಣಲಕ್ಷಣಗಳಿಗೆ ಸಂಭಾವ್ಯ ಪರೋಕ್ಷ ಮೌಲ್ಯವನ್ನು (ಪ್ರಸ್ತುತ ಬಣ್ಣ) ಒದಗಿಸಲು ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.
ಆಸ್ತಿ ಪಿತ್ರಾರ್ಜಿತವಾಗಿದೆ.
2. ಬಣ್ಣದ ಮೌಲ್ಯಗಳು
2.1. ಮುಖ್ಯ ಕೀವರ್ಡ್ಗಳು
ಮುಖ್ಯ ಕೀವರ್ಡ್ಗಳ ಪಟ್ಟಿಯು ಈ ಕೆಳಗಿನ ಅರ್ಥಗಳನ್ನು ಒಳಗೊಂಡಿದೆ:
ಹೆಸರು | ಹೆಕ್ಸ್ | RGB | ಬಣ್ಣ |
---|---|---|---|
ಕಪ್ಪು | #000000 | 0,0,0 | |
ಬೆಳ್ಳಿ | #C0C0C0 | 192,192,192 | |
ಬೂದು | #808080 | 128,128,128 | |
ಬಿಳಿ | #FFFFFF | 255,255,255 | |
ಮರೂನ್ | #800000 | 128,0,0 | |
ಕೆಂಪು | #FF0000 | 255,0,0 | |
ನೇರಳೆ | #800080 | 128,0,128 | |
ಫ್ಯೂಷಿಯಾ | #FF00FF | 255,0,255 | |
ಹಸಿರು | #008000 | 0,128,0 | |
ಸುಣ್ಣ | #00FF00 | 0,255,0 | |
ಆಲಿವ್ | #808000 | 128,128,0 | |
ಹಳದಿ | #FFFF00 | 255,255,0 | |
ನೌಕಾಪಡೆ | #000080 | 0,0,128 | |
ನೀಲಿ | #0000FF | 0,0,255 | |
ಟೀಲ್ | #008080 | 0,128,128 | |
ಆಕ್ವಾ | #00FFFF | 0,255,255 |
ಬಣ್ಣದ ಹೆಸರುಗಳು ಕೇಸ್ ಸೆನ್ಸಿಟಿವ್ ಅಲ್ಲ.
ಸಿಂಟ್ಯಾಕ್ಸ್
ಬಣ್ಣ: ಟೀಲ್;
2.2 ಸಂಖ್ಯಾ ಬಣ್ಣದ ಮೌಲ್ಯಗಳು
2.2.1. RGB ಮಾದರಿ ಬಣ್ಣಗಳು
RGB ಮೌಲ್ಯದ ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಸ್ವರೂಪವು ಮೂರು ಅಥವಾ ಆರು ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಅಕ್ಷರಗಳಿಂದ ತಕ್ಷಣವೇ # ಚಿಹ್ನೆಯಾಗಿದೆ. ಸೊನ್ನೆಗಳನ್ನು ಸೇರಿಸುವ ಬದಲು ಅಂಕಿಗಳನ್ನು ನಕಲಿಸುವ ಮೂಲಕ ಮೂರು-ಅಂಕಿಯ RGB ಸಂಕೇತ #rgb ಅನ್ನು ಆರು-ಅಂಕಿಯ ರೂಪ #rrggbb ಗೆ ಪರಿವರ್ತಿಸಲಾಗುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, #fb0 #ffbb00 ಗೆ ವಿಸ್ತರಿಸುತ್ತದೆ. ಸಣ್ಣ #fff ಪ್ರವೇಶದಲ್ಲಿ ಬಿಳಿ #ffffff ಅನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಬಹುದೆಂದು ಇದು ಖಚಿತಪಡಿಸುತ್ತದೆ ಮತ್ತು ಡಿಸ್ಪ್ಲೇ ಬಣ್ಣದ ಆಳದಲ್ಲಿನ ಯಾವುದೇ ಅವಲಂಬನೆಗಳನ್ನು ತೆಗೆದುಹಾಕುತ್ತದೆ.
ಕ್ರಿಯಾತ್ಮಕ ಸಂಕೇತದಲ್ಲಿ RGB ಮೌಲ್ಯದ ಸ್ವರೂಪವು rgb (, ನಂತರ ಮೂರು ಸಂಖ್ಯಾ ಮೌಲ್ಯಗಳ ಅಲ್ಪವಿರಾಮದಿಂದ ಬೇರ್ಪಡಿಸಿದ ಪಟ್ಟಿ (ಮೂರು ಪೂರ್ಣಾಂಕ ಮೌಲ್ಯಗಳು ಅಥವಾ ಮೂರು ಶೇಕಡಾವಾರು ಮೌಲ್ಯಗಳು), ಚಿಹ್ನೆಯ ನಂತರ) . ಪೂರ್ಣಾಂಕ ಮೌಲ್ಯ 255 ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಸಂಕೇತದಲ್ಲಿ 100% ಮತ್ತು F ಅಥವಾ FF ಗೆ ಅನುರೂಪವಾಗಿದೆ:
Rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF
ಸಂಖ್ಯಾ ಮೌಲ್ಯಗಳ ಸುತ್ತಲೂ ಸ್ಪೇಸ್ ಅಕ್ಷರಗಳನ್ನು ಅನುಮತಿಸಲಾಗಿದೆ.
ಬಣ್ಣಗಳನ್ನು ಸೂಚಿಸಲು ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಸಂಖ್ಯೆಗಳನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಸಿಸ್ಟಮ್, ದಶಮಾಂಶ ವ್ಯವಸ್ಥೆಗಿಂತ ಭಿನ್ನವಾಗಿ, ಅದರ ಹೆಸರೇ ಸೂಚಿಸುವಂತೆ, ಸಂಖ್ಯೆ 16 ಅನ್ನು ಆಧರಿಸಿದೆ. ಸಂಖ್ಯೆಗಳು ಈ ಕೆಳಗಿನಂತಿರುತ್ತವೆ: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, ಎ , B, C , D, E, F. 10 ರಿಂದ 15 ರವರೆಗಿನ ಸಂಖ್ಯೆಗಳನ್ನು ಲ್ಯಾಟಿನ್ ಅಕ್ಷರಗಳಿಂದ ಬದಲಾಯಿಸಲಾಗುತ್ತದೆ. ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ವ್ಯವಸ್ಥೆಯಲ್ಲಿ 15 ಕ್ಕಿಂತ ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಗಳು ಎರಡು ಸಂಖ್ಯೆಗಳನ್ನು ಒಂದಾಗಿ ಸಂಯೋಜಿಸುವ ಮೂಲಕ ರೂಪುಗೊಳ್ಳುತ್ತವೆ. ಉದಾಹರಣೆಗೆ, ಸಂಖ್ಯೆ 255 in ದಶಮಾಂಶ ವ್ಯವಸ್ಥೆಹೆಕ್ಸಾಡೆಸಿಮಲ್ನಲ್ಲಿ FF ಸಂಖ್ಯೆಗೆ ಅನುರೂಪವಾಗಿದೆ. ಸಂಖ್ಯಾ ವ್ಯವಸ್ಥೆಯನ್ನು ನಿರ್ಧರಿಸುವಲ್ಲಿ ಗೊಂದಲವನ್ನು ತಪ್ಪಿಸಲು, ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಸಂಖ್ಯೆಯ ಮೊದಲು ಹ್ಯಾಶ್ ಚಿಹ್ನೆ # ಅನ್ನು ಇರಿಸಲಾಗುತ್ತದೆ, ಉದಾಹರಣೆಗೆ #666999. ಪ್ರತಿಯೊಂದು ಮೂರು ಬಣ್ಣಗಳು - ಕೆಂಪು, ಹಸಿರು ಮತ್ತು ನೀಲಿ - 00 ರಿಂದ FF ವರೆಗೆ ಮೌಲ್ಯಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ಹೀಗಾಗಿ, ಬಣ್ಣದ ಚಿಹ್ನೆಯನ್ನು ಮೂರು ಘಟಕಗಳಾಗಿ ವಿಂಗಡಿಸಲಾಗಿದೆ #rrggbb, ಅಲ್ಲಿ ಮೊದಲ ಎರಡು ಚಿಹ್ನೆಗಳು ಬಣ್ಣದ ಕೆಂಪು ಘಟಕವನ್ನು ಸೂಚಿಸುತ್ತವೆ, ಮಧ್ಯದ ಎರಡು - ಹಸಿರು, ಮತ್ತು ಕೊನೆಯ ಎರಡು - ನೀಲಿ. #rgb ಎಂಬ ಸಂಕ್ಷಿಪ್ತ ರೂಪವನ್ನು ಬಳಸಲು ಇದನ್ನು ಅನುಮತಿಸಲಾಗಿದೆ, ಅಲ್ಲಿ ಪ್ರತಿ ಅಕ್ಷರವನ್ನು ದ್ವಿಗುಣಗೊಳಿಸಬೇಕು. ಹೀಗಾಗಿ, #fe0 ಅನ್ನು #ffee00 ಎಂದು ಪರಿಗಣಿಸಬೇಕು.
ಹೆಸರಿನಿಂದ
ಅಂತರ್ಜಾಲ ಶೋಧಕ | ಕ್ರೋಮ್ | ಒಪೆರಾ | ಸಫಾರಿ | ಫೈರ್ಫಾಕ್ಸ್ | ಆಂಡ್ರಾಯ್ಡ್ | ಐಒಎಸ್ |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
ಬ್ರೌಸರ್ಗಳು ತಮ್ಮ ಹೆಸರಿನಿಂದ ಕೆಲವು ಬಣ್ಣಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತವೆ. ಕೋಷ್ಟಕದಲ್ಲಿ 1 ರಲ್ಲಿ ಹೆಸರುಗಳು, ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಕೋಡ್, ಮೌಲ್ಯಗಳನ್ನು ತೋರಿಸುತ್ತದೆ RGB ಸ್ವರೂಪ, HSL ಮತ್ತು ವಿವರಣೆ.
ಹೆಸರು | ಬಣ್ಣ | ಕೋಡ್ | RGB | ಎಚ್ಎಸ್ಎಲ್ | ವಿವರಣೆ |
---|---|---|---|---|---|
ಬಿಳಿ | #ffffff ಅಥವಾ #fff | rgb(255,255,255) | hsl(0.0%,100%) | ಬಿಳಿ | |
ಬೆಳ್ಳಿ | #c0c0c0 | rgb(192,192,192) | hsl(0.0%,75%) | ಬೂದು | |
ಬೂದು | #808080 | rgb(128,128,128) | hsl(0.0%,50%) | ಕಡು ಬೂದು | |
ಕಪ್ಪು | #000000 ಅಥವಾ #000 | rgb(0,0,0) | hsl(0.0%,0%) | ಕಪ್ಪು | |
ಮರೂನ್ | #800000 | rgb(128,0,0) | hsl(0.100%,25%) | ಗಾಢ ಕೆಂಪು | |
ಕೆಂಪು | #ff0000 ಅಥವಾ #f00 | rgb(255,0,0) | hsl(0,100%,50%) | ಕೆಂಪು | |
ಕಿತ್ತಳೆ | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | ಕಿತ್ತಳೆ | |
ಹಳದಿ | #ffff00 ಅಥವಾ #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | ಹಳದಿ | |
ಆಲಿವ್ | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | ಆಲಿವ್ | |
ಸುಣ್ಣ | #00ff00 ಅಥವಾ #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | ತಿಳಿ ಹಸಿರು | |
ಹಸಿರು | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | ಹಸಿರು | |
ಆಕ್ವಾ | #00ffff ಅಥವಾ #0ff | rgb(0,255,255) | hsl(180,100%,50%) | ನೀಲಿ | |
ನೀಲಿ | #0000ff ಅಥವಾ #00f | rgb(0,0,255) | hsl(240,100%,50%) | ನೀಲಿ | |
ನೌಕಾಪಡೆ | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | ಗಾಡವಾದ ನೀಲಿ | |
ಟೀಲ್ | #008080 | ಆರ್ಜಿಬಿ(0,128,128) | hsl(180,100%,25%) | ನೀಲಿ ಹಸಿರು | |
ಫ್ಯೂಷಿಯಾ | #ff00ff ಅಥವಾ #f0f | rgb(255,0,255) | hsl(300,100%,50%) | ಗುಲಾಬಿ | |
ನೇರಳೆ | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | ನೇರಳೆ |
RGB ಬಳಸುವುದು
ಅಂತರ್ಜಾಲ ಶೋಧಕ | ಕ್ರೋಮ್ | ಒಪೆರಾ | ಸಫಾರಿ | ಫೈರ್ಫಾಕ್ಸ್ | ಆಂಡ್ರಾಯ್ಡ್ | ಐಒಎಸ್ |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
ನೀವು ದಶಮಾಂಶ ಪದಗಳಲ್ಲಿ ಕೆಂಪು, ಹಸಿರು ಮತ್ತು ನೀಲಿ ಮೌಲ್ಯಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಬಣ್ಣವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಬಹುದು. ಪ್ರತಿಯೊಂದು ಮೂರು ಬಣ್ಣದ ಘಟಕಗಳು 0 ರಿಂದ 255 ರವರೆಗಿನ ಮೌಲ್ಯವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತವೆ. ಬಣ್ಣವನ್ನು ಶೇಕಡಾವಾರು ಪ್ರಮಾಣದಲ್ಲಿ ಸೂಚಿಸಲು ಸಹ ಅನುಮತಿಸಲಾಗಿದೆ, 100% ಸಂಖ್ಯೆ 255 ಕ್ಕೆ ಅನುಗುಣವಾಗಿರುತ್ತದೆ. ಮೊದಲು, rgb ಕೀವರ್ಡ್ ಅನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಿ, ತದನಂತರ ಬಣ್ಣ ಘಟಕಗಳನ್ನು ಆವರಣಗಳಲ್ಲಿ ನಿರ್ದಿಷ್ಟಪಡಿಸಿ , ಅಲ್ಪವಿರಾಮದಿಂದ ಬೇರ್ಪಡಿಸಲಾಗಿದೆ, ಉದಾಹರಣೆಗೆ rgb(255 , 128, 128) ಅಥವಾ rgb(100%, 50%, 50%).
RGBA
ಅಂತರ್ಜಾಲ ಶೋಧಕ | ಕ್ರೋಮ್ | ಒಪೆರಾ | ಸಫಾರಿ | ಫೈರ್ಫಾಕ್ಸ್ | ಆಂಡ್ರಾಯ್ಡ್ | ಐಒಎಸ್ |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA ಸ್ವರೂಪವು RGB ಗೆ ಸಿಂಟ್ಯಾಕ್ಸ್ನಲ್ಲಿ ಹೋಲುತ್ತದೆ, ಆದರೆ ಅಂಶದ ಪಾರದರ್ಶಕತೆಯನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುವ ಆಲ್ಫಾ ಚಾನಲ್ ಅನ್ನು ಒಳಗೊಂಡಿದೆ. 0 ರ ಮೌಲ್ಯವು ಸಂಪೂರ್ಣವಾಗಿ ಪಾರದರ್ಶಕವಾಗಿರುತ್ತದೆ, 1 ಅಪಾರದರ್ಶಕವಾಗಿರುತ್ತದೆ ಮತ್ತು 0.5 ನಂತಹ ಮಧ್ಯಂತರ ಮೌಲ್ಯವು ಅರೆ-ಪಾರದರ್ಶಕವಾಗಿರುತ್ತದೆ.
RGBA ಅನ್ನು CSS3 ಗೆ ಸೇರಿಸಲಾಗಿದೆ, ಆದ್ದರಿಂದ CSS ಕೋಡ್ ಅನ್ನು ಈ ಆವೃತ್ತಿಯ ವಿರುದ್ಧ ಮೌಲ್ಯೀಕರಿಸಬೇಕು. CSS3 ಮಾನದಂಡವು ಇನ್ನೂ ಅಭಿವೃದ್ಧಿಯ ಹಂತದಲ್ಲಿದೆ ಮತ್ತು ಕೆಲವು ವೈಶಿಷ್ಟ್ಯಗಳು ಬದಲಾಗಬಹುದು ಎಂದು ಗಮನಿಸಬೇಕು. ಉದಾಹರಣೆಗೆ, ಹಿನ್ನೆಲೆ-ಬಣ್ಣದ ಆಸ್ತಿಗೆ ಸೇರಿಸಲಾದ RGB ಸ್ವರೂಪದಲ್ಲಿನ ಬಣ್ಣವನ್ನು ಮೌಲ್ಯೀಕರಿಸಲಾಗುತ್ತದೆ, ಆದರೆ ಹಿನ್ನೆಲೆ ಆಸ್ತಿಗೆ ಸೇರಿಸಲಾದ ಒಂದು ಇನ್ನು ಮುಂದೆ ಮಾನ್ಯವಾಗಿರುವುದಿಲ್ಲ. ಅದೇ ಸಮಯದಲ್ಲಿ, ಬ್ರೌಸರ್ಗಳು ಎರಡೂ ಗುಣಲಕ್ಷಣಗಳಿಗೆ ಬಣ್ಣವನ್ನು ಸರಿಯಾಗಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತವೆ.
ಎಚ್ಎಸ್ಎಲ್
ಅಂತರ್ಜಾಲ ಶೋಧಕ | ಕ್ರೋಮ್ | ಒಪೆರಾ | ಸಫಾರಿ | ಫೈರ್ಫಾಕ್ಸ್ | ಆಂಡ್ರಾಯ್ಡ್ | ಐಒಎಸ್ |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSL ಸ್ವರೂಪದ ಹೆಸರನ್ನು ಮೊದಲ ಅಕ್ಷರಗಳ ವರ್ಣ (ವರ್ಣ), ಸ್ಯಾಚುರೇಟ್ (ಸ್ಯಾಚುರೇಶನ್) ಮತ್ತು ಲಘುತೆ (ಲಘುತೆ) ಸಂಯೋಜನೆಯಿಂದ ಪಡೆಯಲಾಗಿದೆ. ವರ್ಣವು ಬಣ್ಣದ ಚಕ್ರದಲ್ಲಿ ಬಣ್ಣದ ಮೌಲ್ಯವಾಗಿದೆ (ಚಿತ್ರ 1) ಮತ್ತು ಡಿಗ್ರಿಗಳಲ್ಲಿ ನೀಡಲಾಗಿದೆ. 0° ಕೆಂಪು ಬಣ್ಣಕ್ಕೆ, 120° ಹಸಿರು ಬಣ್ಣಕ್ಕೆ ಮತ್ತು 240° ನೀಲಿ ಬಣ್ಣಕ್ಕೆ ಅನುರೂಪವಾಗಿದೆ. ವರ್ಣದ ಮೌಲ್ಯವು 0 ರಿಂದ 359 ರವರೆಗೆ ಬದಲಾಗಬಹುದು.
ಅಕ್ಕಿ. 1. ಬಣ್ಣದ ಚಕ್ರ
ಶುದ್ಧತ್ವವು ಬಣ್ಣದ ತೀವ್ರತೆಯಾಗಿದೆ ಮತ್ತು 0% ರಿಂದ 100% ವರೆಗೆ ಶೇಕಡಾವಾರು ಪ್ರಮಾಣದಲ್ಲಿ ಅಳೆಯಲಾಗುತ್ತದೆ. 0% ಮೌಲ್ಯವು ಯಾವುದೇ ಬಣ್ಣ ಮತ್ತು ಬೂದು ಛಾಯೆಯನ್ನು ಸೂಚಿಸುತ್ತದೆ, 100% ಗರಿಷ್ಠ ಮೌಲ್ಯಶುದ್ಧತ್ವ.
ಲಘುತೆ ಬಣ್ಣವು ಎಷ್ಟು ಪ್ರಕಾಶಮಾನವಾಗಿದೆ ಎಂಬುದನ್ನು ಸೂಚಿಸುತ್ತದೆ ಮತ್ತು 0% ರಿಂದ 100% ವರೆಗೆ ಶೇಕಡಾವಾರು ಎಂದು ನಿರ್ದಿಷ್ಟಪಡಿಸಲಾಗಿದೆ. ಕಡಿಮೆ ಮೌಲ್ಯಗಳು ಬಣ್ಣವನ್ನು ಗಾಢವಾಗಿಸುತ್ತದೆ ಮತ್ತು ಹೆಚ್ಚಿನ ಮೌಲ್ಯಗಳು ಬಣ್ಣವನ್ನು ಹಗುರಗೊಳಿಸುತ್ತವೆ 0% ಮತ್ತು 100% ಕಪ್ಪು ಮತ್ತು ಬಿಳಿ ಬಣ್ಣಕ್ಕೆ ಅನುಗುಣವಾಗಿರುತ್ತವೆ.
HSLA
ಅಂತರ್ಜಾಲ ಶೋಧಕ | ಕ್ರೋಮ್ | ಒಪೆರಾ | ಸಫಾರಿ | ಫೈರ್ಫಾಕ್ಸ್ | ಆಂಡ್ರಾಯ್ಡ್ | ಐಒಎಸ್ |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA ಸ್ವರೂಪವು HSL ಗೆ ಸಿಂಟ್ಯಾಕ್ಸ್ನಲ್ಲಿ ಹೋಲುತ್ತದೆ, ಆದರೆ ಅಂಶದ ಪಾರದರ್ಶಕತೆಯನ್ನು ಸೂಚಿಸಲು ಆಲ್ಫಾ ಚಾನಲ್ ಅನ್ನು ಒಳಗೊಂಡಿದೆ. 0 ರ ಮೌಲ್ಯವು ಸಂಪೂರ್ಣವಾಗಿ ಪಾರದರ್ಶಕವಾಗಿರುತ್ತದೆ, 1 ಅಪಾರದರ್ಶಕವಾಗಿರುತ್ತದೆ ಮತ್ತು 0.5 ನಂತಹ ಮಧ್ಯಂತರ ಮೌಲ್ಯವು ಅರೆ-ಪಾರದರ್ಶಕವಾಗಿರುತ್ತದೆ.
RGBA, HSL ಮತ್ತು HSLA ಬಣ್ಣ ಮೌಲ್ಯಗಳನ್ನು CSS3 ಗೆ ಸೇರಿಸಲಾಗಿದೆ, ಆದ್ದರಿಂದ ಈ ಸ್ವರೂಪಗಳನ್ನು ಬಳಸುವಾಗ ಆವೃತ್ತಿಯ ಮಾನ್ಯತೆಗಾಗಿ ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಪರಿಶೀಲಿಸಿ.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
ಎಚ್ಚರಿಕೆ
ಸೈಟ್ನಲ್ಲಿ ಪಟ್ಟಿ ಮಾಡಲಾದ ಎಲ್ಲಾ ಸಿಂಹ ಹಿಡಿಯುವ ವಿಧಾನಗಳು ಸೈದ್ಧಾಂತಿಕ ಮತ್ತು ಕಂಪ್ಯೂಟೇಶನಲ್ ವಿಧಾನಗಳನ್ನು ಆಧರಿಸಿವೆ. ಲೇಖಕರು ಅವುಗಳನ್ನು ಬಳಸುವಾಗ ನಿಮ್ಮ ಸುರಕ್ಷತೆಯನ್ನು ಖಾತರಿಪಡಿಸುವುದಿಲ್ಲ ಮತ್ತು ಫಲಿತಾಂಶಗಳಿಗೆ ಯಾವುದೇ ಜವಾಬ್ದಾರಿಯನ್ನು ನಿರಾಕರಿಸುತ್ತಾರೆ. ನೆನಪಿಡಿ, ಸಿಂಹವು ಪರಭಕ್ಷಕ ಮತ್ತು ಅಪಾಯಕಾರಿ ಪ್ರಾಣಿ!
ಫಲಿತಾಂಶ ಈ ಉದಾಹರಣೆಅಂಜೂರದಲ್ಲಿ ತೋರಿಸಲಾಗಿದೆ. 2.
ಅಕ್ಕಿ. 2. ವೆಬ್ ಪುಟದಲ್ಲಿ ಬಣ್ಣಗಳು
ಈ ಪುಟವು ವೆಬ್ ಡೆವಲಪರ್ ಭಾಷೆಗಳಲ್ಲಿ ಬಣ್ಣಗಳನ್ನು ಸೂಚಿಸಲು ಬಳಸಬಹುದಾದ ಕೀವರ್ಡ್ಗಳೊಂದಿಗೆ ಟೇಬಲ್ ಅನ್ನು ಒಳಗೊಂಡಿದೆ: HTML, CSS, JavaScript, Flash, ಇತ್ಯಾದಿ.
WC3 ಕಾಳಜಿಗಾಗಿ ಹಳೆಯ ವಿಶೇಷಣಗಳಲ್ಲಿ, ಕೇವಲ 16 ಕೀವರ್ಡ್ಗಳನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲಾಗಿದೆ, ಅದರ ಸಹಾಯದಿಂದ HTML ಮತ್ತು CSS ನಲ್ಲಿ ಬಣ್ಣಗಳನ್ನು ಹೊಂದಿಸಲಾಗಿದೆ. ಮುಂದೆ, ಹೆಚ್ಚು ಆಧುನಿಕ ವಿಶೇಷಣಗಳಲ್ಲಿ, ಬಣ್ಣದ ಹೆಸರುಗಳನ್ನು ಸೂಚಿಸಲು ಮತ್ತೊಂದು 130 ಕೀವರ್ಡ್ಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ. ಕೆಳಗಿನ ಕೋಷ್ಟಕವು ಬಣ್ಣದ ಹೆಸರುಗಳು ಮತ್ತು ಅವುಗಳಿಗೆ ಸಂಬಂಧಿಸಿದ ಹೆಕ್ಸ್ ಮತ್ತು RGB ಕೋಡ್ಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.
ಅನುಗುಣವಾಗಿ ಸಿಎಸ್ಎಸ್ ನಿಯಮಗಳುಬಣ್ಣದ ಹೆಸರುಗಳು ಕೇಸ್ ಸೆನ್ಸಿಟಿವ್ ಅಲ್ಲ. ಭಾರತೀಯ ಕೆಂಪು ಮತ್ತು ಭಾರತೀಯ ಬಣ್ಣದ ನಮೂದುಗಳು ಸಮಾನವಾಗಿವೆ.
ಕೋಷ್ಟಕದಲ್ಲಿನ 146 ಕೀವರ್ಡ್ಗಳಲ್ಲಿ ವಾಸ್ತವವಾಗಿ ಕಡಿಮೆ ಬಣ್ಣಗಳಿವೆ ಎಂದು ಗಮನಿಸಬೇಕಾದ ಅಂಶವಾಗಿದೆ. ಇದು ಕೆಲವು ಕಾರಣ ಕೀವರ್ಡ್ಗಳುಒಂದೇ ಬಣ್ಣವನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ. ಆದ್ದರಿಂದ ಗ್ರೇ ಮತ್ತು ಗ್ರೇ ಹೆಸರುಗಳು #808080 ಕೋಡ್ನೊಂದಿಗೆ 50 ಪ್ರತಿಶತ ಬೂದು ಬಣ್ಣವನ್ನು ಸೂಚಿಸುತ್ತವೆ ಮತ್ತು ಮೆಜೆಂಟಾ ಪದವು ಸಮಾನಾರ್ಥಕವಾಗಿದೆ HTML ಬಣ್ಣಗಳುಫ್ಯೂಷಿಯಾ, ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಕೋಡ್ #FF00FF ಗೆ ಅನುರೂಪವಾಗಿದೆ. ಸಮಾನಾರ್ಥಕ ಪದಗಳು ಆಕ್ವಾ ಮತ್ತು ಸಯಾನ್, ಅವು #00FFFF ಕೋಡ್ಗೆ ಸಂಬಂಧಿಸಿವೆ.
|
|
ವೆಬ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಬಣ್ಣವನ್ನು ಪ್ರತಿನಿಧಿಸಲು ಹಲವಾರು ಮಾರ್ಗಗಳಿವೆ.
HEX ಆಧಾರ 16 ಅನ್ನು ಆಧರಿಸಿದ ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಬಣ್ಣ ಪ್ರಾತಿನಿಧ್ಯ ವ್ಯವಸ್ಥೆಯಾಗಿದೆ. ಈ ವ್ಯವಸ್ಥೆಗೆ 0 ರಿಂದ 9 ರವರೆಗಿನ ಅರೇಬಿಕ್ ದಶಮಾಂಶ ಅಂಕೆಗಳು ಮತ್ತು A ನಿಂದ F ವರೆಗಿನ ಲ್ಯಾಟಿನ್ ಅಕ್ಷರಗಳನ್ನು ಡಿಜಿಟಲ್ ಸಂಖ್ಯೆಯನ್ನು 16 ಕ್ಕೆ ಪೂರಕವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ. ವೆಬ್ ವಿನ್ಯಾಸಕ್ಕಾಗಿ, 16 ಪ್ರಾಥಮಿಕ (ಕೀ) ಬಣ್ಣಗಳು ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಬಣ್ಣ ಕೋಡ್ #RRGGBB ಎಂದು ಕರೆಯಲ್ಪಡುತ್ತದೆ, ಅಲ್ಲಿ ಪ್ರತಿಯೊಂದು ಜೋಡಿಯು ಅದರ ಬಣ್ಣದ ಪಾಲಿಗೆ ಕಾರಣವಾಗಿದೆ: RR - ಕೆಂಪು, GG - ಹಸಿರು ಮತ್ತು BB - ನೀಲಿ. ಪ್ರತಿಯೊಂದು ಬಣ್ಣದ ಭಾಗವು 00 ರಿಂದ FF ವರೆಗೆ ಇರುತ್ತದೆ.
ವೆಬ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಬಣ್ಣದ ಇತರ ಎರಡು ಪ್ರಾತಿನಿಧ್ಯಗಳೆಂದರೆ: RGB(*,*,*) ರೂಪದಲ್ಲಿ, ಒಂದು ಬಣ್ಣದ ಪ್ರತಿಯೊಂದು “*” ಭಾಗವನ್ನು 0 ರಿಂದ 255 ರವರೆಗಿನ ದಶಮಾಂಶ ಅಂಕೆಗಳಿಂದ ಮತ್ತು ಇಂಗ್ಲಿಷ್ನಲ್ಲಿ ಬಣ್ಣದ ಹೆಸರುಗಳಿಂದ ಪ್ರತಿನಿಧಿಸಲಾಗುತ್ತದೆ.
ಬಣ್ಣದ ಚಿತ್ರವನ್ನು ರಚಿಸುವಾಗ, ಮುಖ್ಯ ಸಮಸ್ಯೆ ಬಣ್ಣಗಳ ಸರಿಯಾದ ಪುನರುತ್ಪಾದನೆಯಾಗಿದೆ ವಿವಿಧ ರೀತಿಯಕಂಪ್ಯೂಟರ್ಗಳು, ಮಾನಿಟರ್ಗಳು ಮತ್ತು ಬ್ರೌಸರ್ಗಳು. ಬ್ರೌಸರ್ ಸರಿಯಾಗಿ ಬಣ್ಣವನ್ನು ಪ್ರದರ್ಶಿಸಲು ಸಾಧ್ಯವಾಗದಿದ್ದರೆ, ಅದು ಒಂದೇ ರೀತಿಯದನ್ನು ಆಯ್ಕೆ ಮಾಡುತ್ತದೆ ಅಥವಾ ಹಲವಾರು ಬಣ್ಣಗಳನ್ನು ಮಿಶ್ರಣ ಮಾಡುತ್ತದೆ. ಮತ್ತು ಕೆಲವೊಮ್ಮೆ ಅದನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ವಿಭಿನ್ನ ಬಣ್ಣದಿಂದ ಬದಲಾಯಿಸಬಹುದು.
ಟೇಬಲ್ 16 ಪ್ರಾಥಮಿಕ ಬಣ್ಣಗಳು, ಇದನ್ನು ಎಲ್ಲಾ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಬಳಸಲಾಗುತ್ತದೆ
ಹೆಸರು | ಬಣ್ಣ | ಹೆಕ್ಸ್ | (RGB) |
ಆಕ್ವಾ (ಸಮುದ್ರ ಅಲೆ) | #00FFFF | (000,255,255) | |
ಕಪ್ಪು | #000000 | (000,000,000) | |
ನೀಲಿ | #0000FF | (000,000,255) | |
ಫ್ಯೂಷಿಯಾ (ಮೆಜೆಂತಾ) | #FF00FF | (255,000,255) | |
ಬೂದು | #808080 | (128,128,128) | |
ಹಸಿರು | #008000 | (000,128,000) | |
ಸುಣ್ಣ (ಪ್ರಕಾಶಮಾನವಾದ ಹಸಿರು) | #00FF00 | (000,255,000) | |
ಮರೂನ್ (ಡಾರ್ಕ್ ಬರ್ಗಂಡಿ) | #800000 | (128,000,000) | |
ನೌಕಾಪಡೆ (ಕಡು ನೀಲಿ) | #000080 | (000,000,128) | |
ಆಲಿವ್ | #808000 | (128,128,000) | |
ನೇರಳೆ | #800080 | (128,000,128) | |
ಕೆಂಪು (ಕೆಂಪು) | #FF0000 | (255,000,000) | |
ಬೆಳ್ಳಿ | #C0C0C0 | (192,192,192) | |
ಟೀಲ್ (ಬೂದು-ಹಸಿರು) | #008080 | (000,128,128) | |
ಬಿಳಿ | #FFFFFF | (255,255,255) | |
ಹಳದಿ | #FFFF00 | (255,255,000) |
ಟೇಬಲ್ ನೇರಳೆಬಣ್ಣಗಳು ಮತ್ತು ಅದರ ಛಾಯೆಗಳು
ಹೆಸರು | ಬಣ್ಣ | ಹೆಕ್ಸ್ | (RGB) |
ಕೆನ್ನೇರಳೆ ಬಣ್ಣ (ಮೆಜೆಂಟಾ) | #FFCBDB | (255,203,219) | |
ಕೆನ್ನೇರಳೆ ಬಣ್ಣ (ಮೆಜೆಂಟಾ) | #FF0099 | (255,000,153) | |
ಕೆನ್ನೇರಳೆ ಬಣ್ಣ (ಮೆಜೆಂಟಾ) | #F95A61 | (249,090,097) | |
ಫ್ಯೂಷಿಯಾ (ಫುಚಿಯಾ) | #FF00FF | (255,000,255) | |
ಮೌವೆನ್ (ಅನಿಲಿನ್ ನೇರಳೆ) | #EF0097 | (239,000,151) | |
ಸಾಲ್ಮನ್ ಗುಲಾಬಿ (ಕಿತ್ತಳೆ ಗುಲಾಬಿ) | #FF91A4 | (255,145,164) | |
ಸೆನೈಸ್ (ನೇರಳೆ ನೆರಳು) | #DE3163 | (153,149,140) | |
ಬದನೆಕಾಯಿ (ಬದನೆ) | #990066 | (153,000,132) | |
ಲ್ಯಾವೆಂಡರ್ ಬ್ಲಶ್ (ಗುಲಾಬಿ-ಲ್ಯಾವೆಂಡರ್) |  #FFF0F5 | (255,240,245) | |
ನೀಲಕ (ನೀಲಕ) | #C8A2C8 | (200,162,200) | |
ಕೆನ್ನೇರಳೆ ಬಣ್ಣ (ಮೆಜೆಂಟಾ) | #FF008F | (255,000,143) | |
ಆರ್ಕಿಡ್ (ಆರ್ಕಿಡ್) | #DA70D6 | (218,112,214) | |
ಕೆಂಪು-ನೇರಳೆ (ನೇರಳೆ-ಕೆಂಪು) | #C71585 | (199,021,133) | |
ಸಾಂಗೈನ್ (ಸಾಂಗೈನ್) | #92000A | (146,000,010) | |
ಥಿಸಲ್ (ನೇರಳೆ ನೆರಳು) | #D8BFD8 | (185,211,238) | |
ನೇರಳೆ-ಬದನೆ (ನೇರಳೆ ಛಾಯೆ) | #991199 | (153,017,153) | |
ರೋಸಾ ವಿವೋ (ಆಳವಾದ ಗುಲಾಬಿ) | #FF007F | (255,000,127) | |
ಲ್ಯಾವೆಂಡರ್-ಗುಲಾಬಿ (ನೇರಳೆ ಬಣ್ಣದ ಛಾಯೆ) | #FBA0E3 | (108,123,139) | |
ಮೌಂಟ್ಬ್ಯಾಟನ್ ಗುಲಾಬಿ | #997ABD | (153,122,141) |
ಟೇಬಲ್ ಬೂದುಬಣ್ಣಗಳು ಮತ್ತು ಅದರ ಛಾಯೆಗಳು
ಹೆಸರು | ಬಣ್ಣ | ಹೆಕ್ಸ್ | (RGB) |
ಬೂದು | #808080 | (128,128,128) | |
ಬೂದು | #ಬೆಬೆಬೆ | (190,190,190) | |
(ಬೂದು ನೆರಳು) | #858585 | (133,133,133) | |
ಬೂದು 33 | #545454 | (084,084,084) | |
(ಗ್ರೇ ಸ್ಲೇಟ್) | #708090 | (112,128,144) | |
(ಸ್ಫಟಿಕ ಶಿಲೆ) | #99958ಸೆ | (153,149,140) | |
(ತಿಳಿ ಬೂದು) | #bbbbbb | (187,187,187) | |
(ಬೆಳ್ಳಿ) | #c0c0c0 | (192,192,192) | |
(ಬೂದು-ಬಿಳಿ) | #f0f0f0 | (240,240,240) | |
(ಅಬ್ದೆಲ್-ಕೆರಿಮ್ ಗಡ್ಡಗಳು) | #e0e0e0 | (224,224,224) | |
ತಿಳಿ ಬೂದು (ತಿಳಿ ಬೂದು) | #d3d3d3 | (211,211,211) | |
ಲೈಟ್ ಸ್ಟೇಟ್ ಗ್ರೇ() | #778899 | (119,136,153) | |
ಸ್ಟೇಟ್ ಗ್ರೇ-1 (ತೆಳು ಕಾರ್ನ್ ಫ್ಲವರ್ ನೀಲಿ1) | #c6e2ff | (198,226,255) | |
ಸ್ಟೇಟ್ ಗ್ರೇ-2 (ತೆಳು ಕಾರ್ನ್ ಫ್ಲವರ್ ನೀಲಿ2) | #b9d3ee | (185,211,238) | |
StateGray3() | #9fb6cd | (159,182,205) | |
StateGray4() | #6c7b8b | (108,123,139) |