هر فرمت رنگ همان چیز را به زبان متفاوتی توصیف میکند: HEX برای استایلها، RGB برای صفحهنمایش و کد، HSL برای ساخت پالتها و CMYK برای چاپ. تبدیل مورد نیازت را انتخاب کن و مقدار دقیق، پیشنمایش زنده و فرمول پشت آن را بگیر.
چهار فرمت رنگ
HEX چیست؟
کد HEX یک عدد ششرقمی هگزا دسیمال است که کانالهای قرمز، سبز و آبی رنگ را پشت یک # پیشرو ذخیره میکند. هر جفت رقم یک کانال را پوشش میدهد، از 00 (هیچ) تا FF (تمام)، که همان 16.7 میلیون رنگِ RGB را در نمادهی کوتاهتری ارائه میدهد. HEX در CSS، ابزارهای طراحی و راهنمای برند پیشفرض است.
- نحو:
- #RRGGBB
- مناسب برای:
- CSS، تحویل طراحی، راهنمای برند
RGB چیست؟
RGB یک رنگ را بهصورت سه کانال نور — قرمز، سبز و آبی — هر کدام از 0 تا 255 توصیف میکند. این دقیقاً نحوه کار صفحهنمایشها را بازتاب میدهد: هر سه در 255 سفید را میسازند و هر سه در 0 سیاه را. هر وقت لازم است با مقادیر حساب کنی، RGB انتخاب درستی است، و rgba() شفافیت را اضافه میکند.
- نحو:
- rgb(R, G, B)
- مناسب برای:
- کدنویسی، canvas، شفافیت با rgba()
HSL چیست؟
HSL یک رنگ را به هیو (Hue) — 0–360° روی چرخ رنگ — اشباع (Saturation) — میزان رنگی بودن، 0–100% — و روشنایی (Lightness) — میزان روشنایی، 0–100% تقسیم میکند. چون هر بخش همخوانی بیشتری با نحوه توصیف رنگ توسط انسان دارد، HSL آسانترین فرمت برای ساختِ تینتها، شیبها و پالتهای منسجم است — دستی یا در کد.
- نحو:
- hsl(H, S%, L%)
- مناسب برای:
- پالتها، تینتها و شیبها، تمسازی
CMYK چیست؟
CMYK مدل چهار مرکب مورد استفاده در چاپ است: cyan، magenta، yellow و key (مشکی)، هر کدام بهصورت درصدی از 0 تا 100. مرکب نور را کم میکند بهجای اینکه آن را منتشر کند، بنابراین CMYK دامنه رنگ کمتری نسبت به صفحهنمایش دارد — به همین دلیل رنگهای درخشان صفحه اغلب در چاپ کدرتر بهنظر میرسند.
- نحو:
- cmyk(C%, M%, Y%, K%)
- مناسب برای:
- چاپ، بستهبندی، آثار آماده چاپ