توابع رنگ در html و css !
با عرض سلام
تو این بخش می خوام خلاصه ای از انواع رنگ دهی در سی اس اس و اِچ تی اِم اِل قرار بدم
: ما با 6 روش می تونیم رنگ هارو فراخوانی بکنیم
color names
ااینکه معلومه از طریق اسمشون به طور مثالقرمزد زرد آب ’
rgb
یک مقدار رنگ آر جی بی نشان دهنده قرمز، سبز، و آبی منابع نور است
مقدار رنگ آر جی بی اِی پسوند آر جی بی با کانال آلفا (کدورت) است.
: در اِچ تی اِم اِل ، می توان با استفاده از این فرمول یک رنگ را به عنوان مقدار آر جی بی تعیین کرد
rgb (قرمز ، سبز ، آبی)
هر پارامتر (قرمز ، سبز و آبی) شدت رنگ را با مقداری بین 0 تا 255 تعریف می کند
به عنوان مثال ، آر جی بی (255 ، 0 ، 0) به عنوان قرمز نمایش داده می شود ، زیرا قرمز در بالاترین مقدار (255) و دو دیگر (سبز و آبی) روی 0 تنظیم می شوند
مثال دیگر ، آر جی بی (0، 255، 0) به عنوان سبز نمایش داده می شود ، زیرا رنگ سبز در بالاترین مقدار (255) و دو مورد دیگر (قرمز و آبی) روی 0 تنظیم شده اند
برای نمایش سیاه ، همه پارامترهای رنگ را روی 0 تنظیم کنید ، مانند این: آر جی بی (0 ، 0 ، 0)
برای نمایش سفید ، تمام پارامترهای رنگ را روی 255 تنظیم کنید ، مانند این: آر جی بی (255 ، 255 ، 255)
RGBA
مقادیر رنگ آر جی بی اِی یک پسوند مقادیر رنگ آر جی بی با یک کانال آلفا است - که میزان تیرگی یک رنگ را مشخص می کند
:مقدار رنگ آر جی بی اِی با این موارد مشخص می شود
آر جی بی اِی (قرمز ، سبز ، آبی ، آلفا)
پارامتر آلفا : عددی بین 0.0 (کاملاً شفاف) و 1.0 است (به هیچ وجه شفاف نیست)
HEX
یک رنگ هگزادسیمال با: #آرآر جی جی بی بی مشخص می شود ، جایی که عددهای صحیح هگزادسیمال آرآر (قرمز) ، جی جی (سبز) و بی بی (آبی) اجزای رنگ را مشخص می کنند
مقادیر رنگ هگز
: در اِچ تی اِم اِل می توان یک رنگ را با استفاده از مقدار هگزادسیمال در فرم تعیین کرد
#rrggbb
جایی که آرآر (قرمز) ، جی جی (سبز) و بی بی (آبی) مقادیر هگزادسیمال بین 00 و اِف اِف (همان اعشاری 0-255) هستند
به عنوان مثال ، # اِف اِف0000 به عنوان قرمز نمایش داده می شود ، زیرا قرمز در بالاترین مقدار (اِف اِف) قرار دارد و دو مورد دیگر (سبز و آبی) روی 00 تنظیم می شوند
مثال دیگر ، # 00اِف اِف 00 به عنوان سبز نمایش داده می شود ، زیرا رنگ سبز در بالاترین مقدار (اِف اِف) قرار گرفته و دو مورد دیگر (قرمز و آبی) روی 00 تنظیم شده اند
برای نمایش سیاه ، همه پارامترهای رنگ را روی 00 تنظیم کنید ، مانند این: # 000000
برای نمایش سفید ، تمام پارامترهای رنگ را روی اِف اِف تنظیم کنید ، مانند این: #اِف اِف اِف اِف اِف اِف
HSL
hue (رنگ)
saturation (اشباع)
lightness (روشنی رنگ)
مقادیر رنگی اِچ اِس اِل
: در اِچ تی اِم اِل می توان یک رنگ را با استفاده از رنگ ، اشباع و سبک بودن ( اِچ اِس اِل) در فرم مشخص کرد
hsl (رنگ ، اشباع ، سبک بودن)
رنگ، درجه ای از چرخ رنگ از 0 تا 360 است. 0 قرمز ، 120 سبز و 240 آبی است
اشباع، یک مقدار درصد است ، 0٪ به معنای سایه خاکستری است و 100٪ تمام رنگ است
روشنی رنگ، نیز یک مقدار درصد است ، 0٪ سیاه و 100٪ سفید است
: saturaion
اشباع را می توان به عنوان شدت یک رنگ توصیف کرد
100٪ رنگ خالص و بدون سایه خاکستری است
50٪ 50٪ خاکستری است ، اما هنوز هم رنگ را می بینید
0٪ کاملاً خاکستری است ، دیگر نمی توانید رنگ آن را ببینید
: lightness
روشنی یک رنگ را می توان اینگونه توصیف کرد که شما می خواهید به چه مقدار نور رنگ بدهید ، جایی که 0٪ به معنای عدم نور (سیاه) ، 50٪ به معنای 50٪ نور (نه تاریک و نه روشن) 100٪ به معنای روشنایی کامل (سفید) است
HSLA
مقادیر رنگی اِچ اِس اِل اِی یک پسوند مقادیر رنگی اِچ اِس اِل با یک کانال آلفا است - که میزان تیرگی یک رنگ را مشخص می کند
مقدار رنگ اِچ اِس اِل اِی با موارد زیر مشخص شده است
hsla (رنگ ، اشباع ، سبکی ، آلفا)
پارامتر آلفا : عددی بین 0.0 (کاملاً شفاف) و 1.0 است (به هیچ وجه شفاف نیست)
و تمام
واقعیتش فکر نمی کردم انقدر زیاد باش ولی خوب خواستم به صورت جامع و کلی بنویسم
اگر نظری داشتید حتما به اشتراک بذارید
امیدوارم این مقاله مورد پسند استاد گرامی آقای صالحی و دوستان عزیز قرار بگیره
