RevealTheme logo

কালার প্যালেট জেনারেটর

যেকোনো বেস কালার থেকে সুসংগত কালার প্যালেট তৈরি করুন। কমপ্লিমেন্টারি, অ্যানালগাস, ট্রায়াডিক এবং মনোক্রোম্যাটিক স্কিম সমর্থন করে।

Complementary

#6366F1
#F1EE63

Analogous

#63ADF1
#6366F1
#A763F1

Triadic

#6366F1
#F16366
#66F163

Split Complement

#6366F1
#F1A763
#ADF163

Tetradic

#6366F1
#F163AD
#F1EE63
#63F1A7

Monochromatic

#0F13AC
#1D21EB
#6366F1
#A1A3F7
#D0D1FB

এই টুলটি কীভাবে ব্যবহার করবেন

  1. 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. 2

    Watch the six scheme rows update instantly as you change the base color.

  3. 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.

কালার প্যালেট জেনারেটর কী?

কালার থিওরি কালার হুইলে অবস্থান অনুযায়ী সুসংগত সম্পর্ক সংজ্ঞায়িত করে। কমপ্লিমেন্টারি রংগুলি বিপরীত অবস্থানে থাকে (180°)। অ্যানালগাসগুলি সংলগ্ন (30°)। ট্রায়াডিক স্কিম তিনটি সমদূরত্বের রং ব্যবহার করে (120°)। এই টুলটি আপনার বেছে নেওয়া বেস কালার থেকে প্রতিটি গণনা করে, আপনাকে প্রমাণিত কালার থিওরির ভিত্তিতে একটি প্রারম্ভিক প্যালেট দেয়।

সাধারণ ব্যবহারের ক্ষেত্র

  • 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 ফরম্যাটের মধ্যে রং রূপান্তর করুন। দৃশ্যমানভাবে একটি রং বেছে নিন বা মানগুলি ম্যানুয়ালি লিখুন।

CSS Box Shadow জেনারেটর

ভিজ্যুয়ালি CSS box-shadow মান তৈরি করুন। রিয়েল টাইমে প্রিভিউ দেখুন এবং তৈরি করা CSS কপি করুন।

CSS গ্রেডিয়েন্ট জেনারেটর

লিনিয়ার ও রেডিয়াল CSS গ্রেডিয়েন্ট তৈরি করুন। ভিজ্যুয়ালি রং বেছে নিন এবং জেনারেট হওয়া CSS কপি করুন।

Cubic Bezier অ্যাক্সিলারেশন কার্ভ জেনারেটর

CSS-এর জন্য cubic-bezier অ্যাক্সিলারেশন কার্ভ তৈরি করুন। স্ট্যান্ডার্ড প্রিসেট অন্তর্ভুক্ত।

CSS Border Radius জেনারেটর

ভিজ্যুয়ালি জটিল CSS border-radius মান তৈরি করুন। প্রতিটি কোণের স্বাধীন নিয়ন্ত্রণ।

CSS Clamp() জেনারেটর

clamp() দিয়ে ফ্লুইড, রেসপন্সিভ CSS মান তৈরি করুন। ভিউপোর্ট রেঞ্জ জুড়ে ন্যূনতম ও সর্বোচ্চ সাইজের মধ্যে মসৃণভাবে স্কেল করে।

আপডেটের জন্য সাবস্ক্রাইব করুন

আমরা আপনার ইমেল বিক্রি করি না। আমরা স্প্যাম করি না।

© 2026 RevealTheme. All rights reserved.