جستجو برای:
  • خانه
  • مهارت های کامپیوتر
    • شبکه
    • ابزار های مایکروسافت افیس
    • ویندوز
  • برنامه نویسی و طراحی سایت
    • کد نویسی سمت کاربر
    • کد نویسی سمت سرور
    • cms های آماده
  • برنامه نویسی
    • اندروید
    • #C
    • بازی سازی
    • جاوا
    • پایتون
  • سورس کد ها
    • پروژه آماده اندروید
    • پروژه اماده unity
    • پروژه آماده سی شارپ
    • پروژه آماده طراحی سایت
  • تماس با ما
  • درباره ما
 
  • 02128423771 - 08736212195
  • info@zarrinlearn.com
  • بلاگ
  • تماس با ما
  • درباره ما
سایت اموزشی زرین لرن
  • خانه
  • مهارت های کامپیوتر
    • شبکه
    • ابزار های مایکروسافت افیس
    • ویندوز
  • برنامه نویسی و طراحی سایت
    • کد نویسی سمت کاربر
    • کد نویسی سمت سرور
    • cms های آماده
  • برنامه نویسی
    • اندروید
    • #C
    • بازی سازی
    • جاوا
    • پایتون
  • سورس کد ها
    • پروژه آماده اندروید
    • پروژه اماده unity
    • پروژه آماده سی شارپ
    • پروژه آماده طراحی سایت
  • تماس با ما
  • درباره ما
0

ورود و ثبت نام

بلاگ

سایت اموزشی زرین لرنبلاگمقالاتHTML Colors

HTML Colors

4 خرداد 1404
ارسال شده توسط سمیرا خانی
مقالات
17 بازدید

۱. نام رنگ‌ها (Color Names)

HTML از ۱۴۰ نام رنگ استاندارد پشتیبانی می‌کند، مانند:

  • red (قرمز)

  • blue (آبی)

  • green (سبز)

  • orange (نارنجی)

  • black (سیاه)

  • white (سفید)

  • purple (بنفش)

مثال:

<p style=“color: red;”>این متن قرمز است</p>


🟢 ۲. کدهای هگزادسیمال (Hex Codes)

رنگ‌ها را می‌توان با یک کد ۶ رقمی که با # شروع می‌شود تعریف کرد.

مثال:

<p style=“color: #00FF00;”>این متن سبز است</p>

فرمت: #RRGGBB

  • #FF0000 = قرمز

  • #00FF00 = سبز

  • #0000FF = آبی


🔵 ۳. RGB (قرمز، سبز، آبی)

از تابع rgb() برای تعیین رنگ با سه مقدار از ۰ تا ۲۵۵ استفاده می‌شود.

مثال:

<p style=“color: rgb(0, 0, 255);”>این متن آبی است</p>

🟡 ۴. RGBA (همراه با شفافیت)

مانند rgb است، اما شامل یک مقدار اضافی برای شفافیت (آلفا) بین ۰ (کاملاً شفاف) تا ۱ (کاملاً مات) است.

مثال:

<p style=“color: rgba(255, 0, 0, 0.5);”>این متن قرمز نیمه‌شفاف است</p>


⚫ ۵. HSL (رنگ، اشباع، روشنایی)

HSL مخفف است از:

  • Hue: طیف رنگ (۰ تا ۳۶۰ درجه)

  • Saturation: میزان اشباع رنگ (۰٪ تا ۱۰۰٪)

  • Lightness: میزان روشنایی (۰٪ تا ۱۰۰٪)

مثال:

<p style=“color: hsl(120, 100%, 50%);”>این متن سبز است با استفاده از HSL</p>


⚪ ۶. HSLA (HSL همراه با آلفا)

مانند HSL است، اما با امکان تعیین شفافیت رنگ.

مثال:

<p style=“color: hsla(240, 100%, 50%, 0.3);”>این متن آبی نیمه‌شفاف است</p>
برچسب ها: HTML Colors،نام رنگ‌ها (Color Names)،کدهای هگزادسیمال (Hex Codes)،RGB (قرمز، سبز، آبی)
در تلگرام
کانال ما را دنبال کنید!
Created by potrace 1.14, written by Peter Selinger 2001-2017
در آپارات
ما را دنبال کنید!

مطالب زیر را حتما مطالعه کنید

HTML Computer Code Elements
HTML Responsive Web Design
HTML Layout Elements and Techniques
HTML – The Head Element
HTML File Paths
HTML JavaScript

دیدگاهتان را بنویسید لغو پاسخ

جستجو برای:
دسته‌ها
  • مقالات
نوشته‌های تازه
  • HTML Computer Code Elements
  • HTML Responsive Web Design
  • HTML Layout Elements and Techniques
  • HTML – The Head Element
  • HTML File Paths
درباره زرین لرن

ما برند زرین لرن را نامگذاری کردیم، زیرا برای ما بهترین علامت های تجاری ساده هستند. مارک ها رشد می کنند در توانایی آنها درک می شود.

  • کردستان - سقز - خیابان جمهوری - شرکت نو آوران زرین هور افزار
  • 08736212195
  • info@zarrinlearn.com
فهرست سفارشی
  • صفحه اصلی اول
  • بلاگ
  • تماس با ما
  • حساب کاربری من
  • درباره ما
  • سبد خرید
  • فروشگاه

طراحی شده توسط گروه فنی مهندسی زریم هور

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت