रंग मिक्सर: त्वरित प्रारंभ गाइड

उपयोग कैसे करें

1. टूल खोलें और बाएँ पैन में अपना इनपुट पेस्ट करें।
2. केवल वही विकल्प सेट करें जिनकी आपके कार्य को वास्तव में ज़रूरत है — अधिकतर इनपुट के लिए डिफ़ॉल्ट सही हैं।
3. दाएँ पैन में परिणाम पढ़ें; टाइप करते ही यह अपडेट होता है।
4. परिणाम लेने के लिए कॉपी, या फ़ाइल के रूप में सहेजने के लिए डाउनलोड का उपयोग करें।

उदाहरण

Mix against #ffffff at 50% and switch the space to CIE Lab for a perceptually even ramp.

इनपुट

#0ea5b7

आउटपुट — परिणाम

#0ea5b7 + #ffffff at 50% (mixed in RGB)

Result
  HEX   #87d2db
  RGB   rgb(135, 210, 219)
  HSL   hsl(186.4, 54.0%, 69.3%)

Contrast against white : 1.71:1
Contrast against black : 12.26:1

Ramp (9 steps)
    0%  #0ea5b7
   13%  #2cb0c0
   25%  #4abcc9
   38%  #68c7d2
   50%  #87d2db
   63%  #a5dde4
   75%  #c3e9ed
   88%  #e1f4f6
  100%  #ffffff

CSS
  --mix: #87d2db;
  background: linear-gradient(90deg, #0ea5b7, #ffffff);

चलाएँ

विवरण

Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

रंग मिक्सर → · उपयोग कैसे करें → · रंग टूल →

संबंधित टूल