CSS වර්ණ ගුණ. වර්ණ කේත

මෙම වෙබ් පිටුව මෝස්තර වෙනස් කිරීමට මෙවලම් එකක් - CSS වර්ණය. මෙම සැකසුම වෙනස් කිරීම සඳහා ක්රම කිහිපයක් ඇත. එක් එක් වාසි සහ අවාසි යන දෙකම ඇත.

නම

වර්ණ දේපල අයිතමය පාට කරයි. නාම 145 වර්ණ තැටියක CSS ඇතුළත්. ඔවුන් අතර, සහ (එවැනි තද රතු පාට, lawngreen ලෙස) සංකීර්ණ (එවැනි, කළු නිල්) සරල වේ.

මතක තබා ගැනීමට අපහසු සමස්ත ලැයිස්තුව නිසා, විලාස පත නම කලාතුරකින් භාවිතා කරනු ලැබේ.

RGB

මෙම රූපවාහිනි බොහෝ, ස්මාර්ට් ෆෝන්, නිරීක්ෂකයින් RGB වර්ණ ආකෘතිය සමග කටයුතු කිරීම. එනම්, ඕනෑම වර්ණයක්, රතු, කොළ හා නිල් පැහැති වන අතර ප්රාථමික වර්ණ, සංයෝජනයක් කිරීම සිදු කරනු ලබයි. . මේ හා සමාන ප්රවේශයක් උපකරණ දෙකෙහිම, සහ CSS භාවිතා වේ. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. වර්ණ මූලික සංයුතිය වේ 0 සිට 255. සඳහා අගයන් ගත හැකි වර්ණ ගණනාවක් 16777216 සමාන වේ.

මෙම RGB ආදර්ශ සෘජුවම කළු, වර්ණ රූප භෞතික නීති අදාළ වන බැවින්, RGB (0, 0, 0), සුදු ලෙස එහි නිශ්චිතව දක්වා ඇත - RGB (255, 255, 255). ඇල්ෆා නාලිකාව එකතු සමඟ, RGB සම්පූර්ණයෙන්ම සමාන RGBA පද්ධතිය. එය පසුබිම සෙවන මුසුවූ වන විනිවිදභාවය, බලපායි. මූලද්රව්යයක මෙම ආකෘති පත්රය දී "උපස්ථරයක්" අනුව වෙනස් වනු ඇත.

HSL

ආකාරය HLS පද්ධතිය තේරුම් ගැනීමට නම්, ඔබ වර්ණ රෝද ඉදිරිපත් කළ යුතුය. එහි කේන්ද්රය දේදුන්න සියලු අනෙක් වර්ණ ඇති දිශාවෙන් () එසේ නම්, රතු වේ. цвета при помощи системы HLS требуется задать три параметра: මෙම HLS පද්ධතිය භාවිතා කරමින් CSS දී වර්ණ තීරණය කිරීම සඳහා පරාමිතීන් තුනක් අවශ්ය:

• පැහැය (අංශක) - රවුම මැද දිශාව;
• සන්තෘප්තිය (ප්රතිශතය) - ඔබ කොපමණ වර්ණ අවශ්ය;
• දීප්තිය (සියයට).

උදාහරණයක් ලෙස, පාට, දම් පාට ආකාරයෙන් තීරණය කළ හැක: hsl (315, 100% ක්, 45% ක්). HSL පර්යේෂණ සඳහා වඩාත් පහසු වේ. අධ්යයන කිරීමෙන් පසු වර්ණ රෝද, ඔබ stylesheet නරඹමින් දළ වශයෙන් විශේෂ අංගයක් තබා දේ වර්ණ නියෝජනය කළ හැක. HSLA - එම HLS පමණක් ඇල්ෆා: hsl (0, 100% ක්, 50, 0.6) - රතු, අඩකට වඩා තරමක් වැඩි විනිවිද පෙනෙන.

hex

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS වේ, ඔබ එවැනි වටිනාකම # FF4500 තීරණය තැඹිලි ලෙස ෂඩ් දශම නියෝජනය භාවිතා කරමින් වර්ණ සැකසිය හැක.

කුමක් ෂඩ් දශම නිරූපණය වඩා හොඳින් අවබෝධ කර ගැනීම සඳහා, තවදුරටත් දශම ක්රමය විසින් සලකා බැලිය යුතුය. එය 0 සිට 9 දක්වා වූ අංක 9 ට වඩා වැඩි ගණන් දී අවශ්යතාව, එක් ටිකක් එකතු වූ විට 100 සියළු ෂඩ් දශම අංකනය හරියටම එම 9 කට පසු වන අතර, එය 10 දමයි,, සහ යනාදි. ඊ, නමුත් එය දී වන අතර, පසුව F කිරීමට B, සහ එසේ මත - දශම ක්රමය 15 ලෙස එම. එවිට එක අංකයක් එකතු කරන්න, සහ එය සාමාන්ය කොන්දේසි 16 10 හැරෙනවා.

RGB දී මෙන්, hex වර්ණ ප්රාථමික වර්ණ භාවිතා කිරීමට දේ පරිමානයේ දී සඳහන් කිරීම. මේ අවස්ථාවේ දී, ඔවුන් කොමා (: # FFD500 වර්ණ) විසින් වෙන් නොවේ. සෑම අකුරු දෙකක්, රතු, කොළ හා නිල් සංඛ්යාව සඳහන් කරන්න.

CSS. එය නිවැරදි CSS වර්ණ සොයා ගැනීමට නොහැකි නිසා රීතියක් ලෙස, hex පද්ධතිය, පර්යේෂණ කාලය තුළ භාවිතා නොවේ. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. මේසය මේ කාරණය සම්බන්ධයෙන් උදව් කළ හැක, නමුත් ඔබට නිරන්තරයෙන් එය වෙත යොමු වන්න නම්, වැඩ ප්රමාද වනු ඇත. සැකිල්ල ග්රාපික කර්තෘ මාරු වන විට ෂඩ් දශම නිරූපණය සඳහා වඩාත් පහසුම වේ. එය එය මාරුවෙන් මාරුවට තුනකට වඩා එක ඉලක්කමක පිටපත් කිරීමට වඩාත් පහසු වේ.

කුමන ආකාරයකින් හොඳම?

මෙම ගිණුම මත අපි කොන්ක්රීට් කිසිම දෙයක් කියන්න බෑ. එම අතුරුමුහුණත මූලද්රව්ය විනිවිද අවශ්ය නම්, RGBA හා HSLA අතර තෝරා ගන්න. ඔබ බ්රව්සරය HLS වර්ණ රෝද තුල පරික්ෂණ සිදු කිරීමට ඇවැසි නම්, වඩාත් පහසු වනු ඇත. ඔබ පලත් භාවිතා හෝ Photoshop සිට නිර්මාණය මාරු කරන්නේ නම්, CSS ෂඩ් දශම වර්ණ කේත කැමති විය යුතුය.