[UIColors.app](https://uicolors.app) **Tailwind CSS** için özel renk paletleri oluşturup önizleyebileceğiniz bir araç. Marka rengi, nötr tonlar ve durum renkleri (success, warning, error) ekleyebilir; paleti kaydedip bileşenler, kartlar ve grafikler üzerinde hemen görebilirsiniz.
## Ne Yapabilirsiniz?
– **Özel renk paleti oluşturmak** — [Generate](https://uicolors.app/generate) sayfasında kendi renk skalalarınızı tanımlayın.
– **Marka + nötr + durum renkleri** — Marka rengi, metin / kenarlık / yüzey için nötr skalası ve success, warning, error skalalarını ekleyebilirsiniz.
– **Önizleme** — Renkleri Cards, Components, Apps, Charts, Gradients, Logos, Headings sekmelerinde canlı önizleyin.
– **Paleti kaydetmek** — “Save palette” ile paleti kaydedin; giriş yaparak [My palettes](https://uicolors.app/my-palettes) bölümünden erişebilirsiniz.
– **Rastgele renk** — Spacebar ile rastgele renk üretip paleti hızlıca deneyebilirsiniz.
– **API** — [API](https://uicolors.app/api) ile hex kodundan renk skalalarını programatik olarak (hex veya HSL) alabilirsiniz.
## Nasıl Kullanılır?
1. **Generate sayfasına gidin** — [uicolors.app/generate](https://uicolors.app/generate) ile üreticiyi açın.
2. **Ana rengi seçin** — Marka rengi veya ana palet rengini girin; gerekirse Spacebar ile rastgele deneyin.
3. **Ek skalalar ekleyin** — Nötr renk skalası ve success / warning / error ekleyin; Components sekmesinde hemen önizleyin.
4. **Kaydedin** — “Save palette” ile paleti kaydedin (giriş gerekebilir).
5. **Tailwind’de kullanın** — Çıktıyı Tailwind konfigürasyonunuza veya CSS değişkenlerinize taşıyın; API ile otomasyonda da kullanabilirsiniz.
## Linkler
– [UIColors.app — Ana sayfa](https://uicolors.app)
– [Generate (palet üretici)](https://uicolors.app/generate)
– [My palettes (kayıtlı paletler)](https://uicolors.app/my-palettes)
– [API](https://uicolors.app/api)
– [Tailwind Colors (tüm renkler)](https://uicolors.app/tailwind-colors)
– [Privacy Policy](https://uicolors.app/privacy)
– [Website Contrast Check (sitecontrast.com)](https://sitecontrast.com/)
– [Shadcn/UI Theme Generator](https://shadcnthemes.app/generator)
– [Shadcn/UI Themes](https://shadcnthemes.app/themes)