कलर पैलेट
वेबसाइट, वेब, मोबाइल और डेस्कटॉप ऐप्स के लिए चुने हुए पैलेट ब्राउज़ करें, कोड कॉपी करें, रंग एडिट और स्वैप करें, या अपना खुद का जनरेट करें।
npm से इस्तेमाल करें
हर पैलेट, सीधे npm से
रंग सेट के साथ कॉन्ट्रास्ट, हार्मनी और पठनीयता का गणित भी।
npm install adysre- React 18+React 19 अनुशंसित। Next.js, Vite, Remix और Astro सभी चलते हैं।
- स्टाइल, एक बारTailwind v4, या इस्तेमाल न करते हों तो पहले से कंपाइल स्टाइलशीट लें।
- सिर्फ़ ESMimport करें, require नहीं। सर्वर रेंडर के लिए Node 20+।
स्टाइल एक बार जोड़ें
डिज़ाइन टोकन लाता है और Tailwind को पैकेज स्कैन करने को कहता है। न चाहें तो पहले से कंपाइल स्टाइलशीट इंपोर्ट करें।
app/globals.css
@import "tailwindcss";
@import "adysre/styles.css";adysre/palettes से इंपोर्ट करें
अपना अलग एंट्री पॉइंट, इसलिए बाकी कुछ साथ नहीं आता।
app/page.tsx
import { getPalette, PALETTES } from 'adysre/palettes';
const palette = getPalette('nordic-calm');
palette?.colors; // ['#2e3440', '#3b4252', …]
// The same colour maths the ADYSRE palette editor runs on:
import { contrastRatio, readableText, harmony } from 'adysre/palettes';
readableText('#2563eb'); // '#ffffff'
contrastRatio('#111827', '#f9fafb'); // 16.4
harmony('#2563eb', 'triadic', 5);