Tailwind CSS Renk Tonu Üretici
50
#ffffff
bg-[#ffffff]
100
#ffffff
bg-[#ffffff]
200
#fdeccf
bg-[#fdeccf]
300
#f9c56d
bg-[#f9c56d]
400
#f8bb54
bg-[#f8bb54]
500
#f59e0b
bg-[#f59e0b]
600
#ac6f07
bg-[#ac6f07]
700
#945f06
bg-[#945f06]
800
#634004
bg-[#634004]
950
#4a3003
bg-[#4a3003]
Aşağıdaki çıktıyı
tailwind.config.js dosyanızıntheme.extend.colors bölümüne yapıştırarak özel renk tonlarınızı kullanabilirsiniz.Tailwind Config Çıktısı
{
"colors": {
"custom": {
"50": "#ffffff",
"100": "#ffffff",
"200": "#fdeccf",
"300": "#f9c56d",
"400": "#f8bb54",
"500": "#f59e0b",
"600": "#ac6f07",
"700": "#945f06",
"800": "#634004",
"950": "#4a3003"
}
}
}