מאפייני צבע CSS. קודי צבע

אחד הכלים לשנות את סגנונות דף אינטרנט - צבע CSS. ישנן מספר דרכים כדי לשנות הגדרה זו. כל יתרונות וחסרונות.

שם

הנכס הצבע קובע את צבע הפריט. 145 גוונים של כותרים כלולים CSS. יש ביניהם פשוטים (כגון שחור, כחול) ומורכב (כגון ארגמן, lawngreen).

בגלל כל הרשימה קשה לזכור, את השם של גיליון הסגנונות משמש לעתים נדירות.

RGB

רוב הטלוויזיות, טלפונים חכמים, מסכים לעבוד עם מודל צבע RGB. כלומר, כל צבע יכול להיות מוגדר שילוב של צבעי יסוד, שהן אדומות, ירוק וכחול. . גישה דומה משמשת בשני המכשירים, וב CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. צבעים הם ערכים בסיסיים לקחת רכב מ 0 עד 255. מספר הצבעים האפשריים שווה 16,777,216.

מאז מודל RGB קשור ישירות החוקים הפיזיקליים של הדמית צבע, שחור נקבע בה כמו RGB (0, 0, 0), לבן - RGB (255, 255, 255). מערכת RGBA לגמרי דומה RGB, עם תוספת של ערוץ אלפא. זה משפיע על השקיפות, אשר משתלבת עם בצל הרקע. בצורה זו של האלמנט ישתנה בהתאם "המצע".

HSL

כדי להבין איך מערכת HLS, אתה צריך להגיש גלגל צבע. במרכזו עומדת אדום, אז (עם כיוון השעון) כל שאר הצבעים של הקשת. цвета при помощи системы HLS требуется задать три параметра: כדי לקבוע את הצבעים ב- CSS באמצעות מערכת HLS דורש שלושה פרמטרים:

• גוון (במעלות) - לכיוון מרכז המעגל;
• רוויה (אחוז) - עד כמה צבע שאתה צריך;
• בהירות (באחוזים).

לדוגמה, סגול יכול להיקבע באופן כזה: HSL (315, 100%, 45%). HSL היא הנוחה ביותר עבור ניסויים. לאחר שעיין גלגל הצבעים, אתה יכול תוך כדי צפייה הסגנונות בערך מייצגים איזה צבע להגדיר אלמנט ספציפי. HSLA - באותו HLS, רק עם אלפא: HSL (0, 100%, 50, 0.6) - אדום, שקוף מעט יותר ממחצית.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . ב- CSS, אתה יכול להגדיר את הצבע באמצעות ייצוג הקסדצימלי, כגון כתום שקבעה FF4500 # ערך.

עבור הבנה טובה יותר של מה הייצוג ההקסדצימלי, צריך להמשיך ולשקול השיטה העשרונית. זהו מספר מ -0 עד 9. כאשר הצורך בספירת מספר גדול מ 9, קצת אחד מתווסף, וזה הופך 10, אז 100, וכן הלאה. E. כל בדיוק אותו בציון הקסדצימלי, אבל זה אחרי 9 הוא A, אז B, וכן הלאה עד F - זהה 15 במערכת העשרונית. ואז להוסיף ספרה אחת, ומסתבר 10 של 16 בתנאים הרגילים.

כמו RGB, צבעי HEX כדי לציין בפרופורציות מה להשתמש בצבעי יסוד. במקרה זה, הם אינם מופרדים באמצעות פסיקים (צבע: # FFD500). כל שני תווים לציין את מספר אדום, ירוק וכחול.

CSS. ככלל, מערכת HEX אינה משמשת במהלך הניסויים, מאחר שאי אפשר למצוא את צבע CSS התקין. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. הטבלה יכולה לעזור בעניין הזה, אבל אם אתה כל זמן מתייחס אליו, העבודה תעוכב. ייצוג הקסדצימלי הוא נוח ביותר כאשר התבנית מועברת מהעורך הגרפי. זה הרבה יותר קל להעתיק ממנו רק ספרה אחת משלוש תורות.

באיזו דרך הוא טוב ביותר?

על חשבון זה אנו לא יכולים לומר בטון כלום. אם האלמנטים של ממשק צורך בשקיפות, לבחור בין RGBA ו HSLA. אם ברצונך להתנסות בגלגל צבע HLS הדפדפן יהיה הכי נוח. אם אתה משתמש בלוח או להעביר את העיצוב מפוטושופ, יש להעדיף קודי צבע הקסדצימלי CSS.