Bu önceden hazırlanmış palet, #ef4444 Kırmızı rengini temel alarak 6 uyumlu ton oluşturur. Web projelerinizde tutarlı bir renk sistemi kurmak için idealdir.
:root {
--color-1: #f9b5b5;
--color-2: #f58585;
--color-3: #ef4444;
--color-4: #c93a3a;
--color-5: #a03030;
--color-6: #782323;
}// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
brand: {
100: '#f9b5b5',
200: '#f58585',
300: '#ef4444',
400: '#c93a3a',
500: '#a03030',
600: '#782323',
}
}
}
}
}