در دنیای طراحی وب و گرافیک دیجیتال، رنگ‌ها زبان احساسات هستند. اما کامپیوترها رنگ‌ها را با اعداد و کدها می‌شناسند. دو فرمت اصلی و پرکاربردترین فرمت‌های رنگ در طراحی وب و CSS، کدهای HEX و RGB هستند.
نیاز به تبدیل رنگ دارید؟
کد رنگ خود را وارد کنید تا در کسری از ثانیه به فرمت دیگر تبدیل شود و پیش‌نمایش آن را ببینید.
مبدل رنگ آنلاین۱. کد رنگ HEX چیست؟
کد HEX (هگزادسیمال) یک روش نمایش رنگ است که به صورت یک علامت هشتگ (#) و به دنبال آن ۶ کاراکتر (ترکیبی از اعداد ۰ تا ۹ و حروف A تا F) نوشته می‌شود. این ۶ کاراکتر به سه جفت تقسیم می‌شوند که به ترتیب نشان‌دهنده میزان قرمز (Red)، سبز (Green) و آبی (Blue) هستند.
مثال: کد #FF0000 رنگ قرمز خالص، #000000 رنگ سیاه و #FFFFFF رنگ سفید است.
۲. کد رنگ RGB چیست؟
فرمت RGB از سه عدد تشکیل شده که هر کدام نشان‌دهنده شدت رنگ‌های قرمز، سبز و آبی هستند. این اعداد می‌توانند از ۰ (کمترین شدت) تا ۲۵۵ (بیشترین شدت) متغیر باشند. در CSS به این شکل نوشته می‌شود: rgb(255, 0, 0).
هر دو فرمت HEX و RGB در واقع یک چیز را نشان می‌دهند و تنها تفاوتشان در نحوه نوشتار است. در واقع، هر کد HEX را می‌توان به یک کد RGB تبدیل کرد و برعکس.
چرا فرمت HEX در وب‌سایت‌ها محبوب‌تر است؟
در طراحی سایت، معمولاً از فرمت HEX استفاده می‌شود چون نوشتن آن کوتاه‌تر و راحت‌تر است. به عنوان مثال، نوشتن #1E90FF بسیار کوتاه‌تر از rgb(30, 144, 255) است. فایل‌های CSS شما با استفاده از کدهای HEX حجم کمتری پیدا می‌کنند و سرعت لود سایت شما افزایش می‌یابد.
شفافیت رنگ (Alpha)
گاهی اوقات ما نیاز به رنگی با شفافیت (Opacity) داریم. در این حالت از فرمت RGBA (نسخه ارتقا یافته RGB) استفاده می‌کنیم که پارامتر چهارمی بین ۰ (کاملاً شفاف) تا ۱ (کاملاً مات) دارد. مثلاً rgba(255, 0, 0, 0.5) یعنی قرمز با شفافیت ۵۰ درصد.
رنگ‌ها را به راحتی تبدیل کنید
دیگر لازم نیست با ریاضیات رنگ‌ها درگیر شوید. ابزار ما به شما امکان می‌دهد هر کدی را تبدیل کنید و پیش‌نمایش زنده آن را ببینید.
ورود به مبدل رنگ