تولیدکننده پالت رنگ
از هر رنگ پایه، پالتهای رنگی هماهنگ تولید کنید. از طرحهای مکمل، متشابه، سهتایی و تکرنگ پشتیبانی میکند.
Complementary
#6366F1#F1EE63Analogous
#63ADF1#6366F1#A763F1Triadic
#6366F1#F16366#66F163Split Complement
#6366F1#F1A763#ADF163Tetradic
#6366F1#F163AD#F1EE63#63F1A7Monochromatic
#0F13AC#1D21EB#6366F1#A1A3F7#D0D1FBنحوه استفاده از این ابزار
- 1
Click the color swatch to open your system color picker, or type a 6-digit hex code like #6366F1 into the text field next to it.
- 2
Watch the six scheme rows update instantly as you change the base color.
- 3
Read the uppercase hex code shown in the bottom-left corner of each swatch and copy the ones you want into your design tool or stylesheet.
تولیدکننده پالت رنگ چیست؟
نظریه رنگ روابط هماهنگ را بر اساس موقعیتها در چرخه رنگ تعریف میکند. رنگهای مکمل در موقعیتهای متقابل قرار میگیرند (۱۸۰ درجه). رنگهای متشابه مجاور هم هستند (۳۰ درجه). طرحهای سهتایی از سه رنگ با فاصله مساوی استفاده میکنند (۱۲۰ درجه). این ابزار هر یک را از رنگ پایهای که انتخاب میکنید محاسبه میکند و پالتی اولیه بر پایه نظریه رنگ آزمودهشده به شما میدهد.
موارد استفاده رایج
Picking a primary plus accent color for a website by reading the complementary pair off your brand color.
Building a calm, unified UI background-and-card scheme from the analogous row.
Generating a 5-step monochromatic tint and shade ramp for hover, active, and disabled button states.
Sketching a data-visualization palette where triadic or tetradic colors keep series visually distinct.
Exploring logo or illustration color combinations before committing in Figma or Illustrator.
Quickly grabbing hex codes for a CSS variable set without leaving the browser.
پرسشهای متداول
کدام طرح برای وبسایتها بهتر است؟▼
ابزارهای مرتبط
تبدیلکننده رنگ (HEX/RGB/HSL)
رنگها را بین قالبهای HEX، RGB و HSL تبدیل کنید. رنگی را بهصورت بصری انتخاب کنید یا مقادیر را بهصورت دستی وارد کنید.
تولیدکننده Box Shadow در CSS
مقادیر box-shadow در CSS را بهصورت دیداری بسازید. در لحظه پیشنمایش بگیرید و CSS تولیدشده را کپی کنید.
مولد گرادیان CSS
گرادیانهای خطی و شعاعی CSS بسازید. رنگها را بهصورت بصری انتخاب کنید و CSS تولیدشده را کپی کنید.
مولد منحنی شتابگیری Cubic Bezier
منحنیهای شتابگیری cubic-bezier برای CSS بسازید. شامل پیشتنظیمهای استاندارد است.
تولیدکننده Border Radius در CSS
مقادیر پیچیده border-radius در CSS را بهصورت دیداری بسازید. کنترل مستقل روی هر گوشه.
تولیدکننده ()CSS Clamp
مقادیر CSS سیال و واکنشگرا را با clamp() تولید کنید. بهنرمی بین اندازههای کمینه و بیشینه در بازههای viewport مقیاس میگیرد.