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