🎨 ساخت پالت های رنگی جذاب و جدید

با استفاده از این ابزار میتونید ترکیب های رنگی جدید بسازید و توی موارد مختلفی ازشون استفاده کنید ( برای ترکیب رنگ میتونید از قسمت MIX رنگ های جدید رو اضافه کنید یا رنگ های موجود رو تغییر بدید تا ترکیب رنگی جدید بدست بیاد.

➕ خروجی رو هم به شکل کد CSS یا کد های رنگی مختلف که خودتون میتونید انتخاب کنید دریافت میکنید.

🔗 https://hue.tools

#color #huetools
☕️ @CodeExplore

🎨 انتخاب پالت رنگ برای دیزاین سایت

‼️ یکی از مشکلات که بشخصه خودم و دوستان دیگه ای که در زمینه طراحی سایت فعالیت میکنیم اینه که نمی دونیم چطوری یک پالت رنگ خوب و مدرن برای سایت هامون انتخاب کنیم 😢

✔️ ولی خب با استفاده از 6 سایت زیر می تونیم به راحتی رنگ مربوطه برای هر بخش از دیزاین سایتمون رو انتخاب کنیم ✌️ :

1️⃣ colorhunt.co

2️⃣ colormind.io

3️⃣ coolors.co

4️⃣ mycolor.space

5️⃣ cssgradient.co

6️⃣ khorma.co

پست های مربوطه به این پست را مشاهده کنید😀

🔗 https://t.iss.one/CodeExplore/1123

🔗 https://t.iss.one/CodeExplore/997

#css #color #design #site
☕️ @CodeExplore

🔵 ایجاد پالت های رنگی با استفاده از تابع ()color-mix در CSS

تابع ()color-mix به ما این اجازه رو میده تا دو رنگی که می خوایم مخلوط کنیم رو مشخص کنیم و بعدش نتیجه رو خروجی بده. ما می تونیم مقدار هر رنگ در مخلوط رو کنترل کنیم، همچنین فضای تداخل رنگ رو مشخص کنیم که تعیین میکنه چطوری رنگ ها با همدیگه ترکیب میشن.

ما مقدار هر رنگ رو به صورت درصد مشخص می کنیم. اگر درصدهای هر دو رنگ رو حذف کنیم، تابع ()color-mix به طور پیش فرض برای هر کدوم از اونها از 50% حساب میکنه. همونطور که تو کد زیر نشان دادیم ، مخلوط کردن رنگ قرمز و آبی با مقدار برابر، به ما یک سایه بنفش خروجی میده.

.result {
  background-color: color-mix(in srgb, blue, red);
}

#css #function #color‌
☕️ @CodeExplore

روانشناسی رنگ ها 👀

میدونین که رنگ ها و تم ها چقدر توی طراحی نرم افزار و سایت ها مهمن ، این عکس کمکتون میکنه با توجه به نرم افزار رنگ های مناسبی انتخاب کنید😂

#color #theme
☕️ @CodeExplore