مولد کد رنگ

یک رنگ انتخاب کنید و فوراً کدهای HEX، RGB و HSL را ببینید — به‌علاوه رنگ مکمل و نام رنگ CSS.

نتیجه فوری در مرورگر اجرا می‌شود
کد HEX
#3D7EF7
مقدار RGB
rgb(61, 126, 247)
مقدار HSL
hsl(218, 91%, 60%)
نام رنگ
مکمل
#F7823D

راهنمای مدل‌های رنگ

HEX  → #RRGGBB
RGB  → 0–255 per ch.
HSL  → 0–360° / 0–100%
WCAG → min 4.5:1

HEX برای CSS مختصر است. RGB پیکسل‌های صفحه را اندازه‌گیری می‌کند. HSL برای طراحان شهودی است — رنگ، اشباع و روشنایی را به‌طور مستقل تنظیم کنید.

چگونه استفاده کنیم؟

  1. 1
    یک رنگ انتخاب کنیدروی انتخابگر رنگ کلیک کنید و هر رنگی انتخاب کنید. کدهای همه قالب‌ها فوراً به‌روز می‌شوند.
  2. 2
    همه قالب‌ها را ببینیدکد HEX، مقدار RGB، مقدار HSL، نام رنگ CSS (در صورت وجود) و رنگ مکمل را با هم ببینید.
  3. 3
    کد خود را کپی کنیددکمه کپی کنار HEX، RGB یا HSL را بزنید تا مقدار در کلیپ‌بورد ذخیره شود.

سؤالات متداول

کد رنگ HEX چیست؟
کد رنگ HEX یک عدد ۶ رقمی هگزادسیمال (#RRGGBB) است که شدت کانال‌های قرمز، سبز و آبی را بیان می‌کند. HEX از ۱۶.۷ میلیون رنگ پشتیبانی می‌کند و قالب استاندارد در CSS و ابزارهای طراحی وب است.
تفاوت RGB و HSL چیست؟
RGB رنگ را به‌عنوان سه شدت نور (قرمز، سبز، آبی) از ۰ تا ۲۵۵ توصیف می‌کند. HSL از رنگ (۰–۳۶۰°)، اشباع (۰–۱۰۰٪) و روشنایی (۰–۱۰۰٪) استفاده می‌کند. HSL برای طراحان شهودی‌تر است.
رنگ مکمل چیست؟
رنگ مکمل دقیقاً روبروی چرخه رنگ قرار دارد (۱۸۰° در رنگ). جفت‌های مکمل بیشترین تضاد را ایجاد می‌کنند: قرمز ↔ سیان، سبز ↔ ماژنتا، آبی ↔ زرد.

مولد و مبدل رنگ آنلاین

ابزار رنگ برای ساخت، بررسی و تبدیل کدهای رنگی وب مانند HEX، RGB و HSL استفاده می‌شود. کاربران فارسی معمولاً «کد رنگ»، «تبدیل RGB به HEX»، «رنگ تصادفی» و «پالت رنگ سایت» را جستجو می‌کنند.

فرمت‌های رایج رنگ

HEX در CSS و طراحی وب بسیار رایج است، مثل #FF0000 برای قرمز. RGB رنگ را با سه مقدار قرمز، سبز و آبی نشان می‌دهد. HSL برای تنظیم روشنایی و اشباع رنگ خواناتر است و هنگام ساخت پالت کاربرد دارد.

کاربردها

  • طراحی سایت، اپلیکیشن و رابط کاربری
  • انتخاب رنگ برند، دکمه، پس‌زمینه یا نمودار
  • تبدیل کد رنگ بین ابزارهای طراحی و CSS

نکته دسترسی‌پذیری

قبل از انتشار، کنتراست متن و پس‌زمینه را بررسی کنید تا خوانایی برای کاربران مختلف حفظ شود. تبدیل‌ها در مرورگر انجام می‌شوند.

نظرات