उपयोग कैसे करें: रंग मिक्सर

विवरण

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

• रंग टूल
• सब कुछ क्लाइंट-साइड होने से API कुंजी जैसे संवेदनशील डेटा के लिए भी रंग मिक्सर सुरक्षित है।

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

रंग मिक्सर इस्तेमाल करने के तीन चरण:

1. इनपुट बॉक्स में डेटा पेस्ट करें (या उदाहरण लोड करें)।
2. लक्ष्य प्रारूप के अनुसार विकल्प सेट करें।
3. आउटपुट कॉपी/डाउनलोड करें — टाइप करते ही लाइव अपडेट।

चलाएँ

उदाहरण

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.

पैरामीटर

इस टूल में कोई विकल्प नहीं है — यह केवल इनपुट पर कार्य करता है।

सामान्य प्रश्न

ध्यान देने योग्य

• 全部计算在浏览器端完成，因此超大输入受限于标签页内存，而非服务器上传限制。

संबंधित टूल

रंग मिक्सर → · रंग टूल →