Tek Bir Temel Renkten Renk Tonları Oluşturun
Ücretsiz çevrimiçi aracımız, seçtiğiniz herhangi bir renk için anında çeşitli tonlar ve gölgeler üretir. İster tasarımcı, ister geliştirici veya dijital sanatçı olun, sadece bir onaltılık kod girin veya Floral White gibi bir renk seçin; oluşturucumuz, güzel aralıklı geçişlere sahip eksiksiz bir palet oluşturacaktır. Bu renkleri kullanarak göz alıcı kullanıcı arayüzü bileşenleri oluşturabilir, ilgi çekici çizimler oluşturabilir veya bir sonraki projeniz için dinamik CSS temaları oluşturabilirsiniz.
Sağdaki araçlar panelini kullanarak temel rengi ayarlayabilir ve ton aralığını değiştirebilirsiniz. Temel rengi değiştirmek için düzenle düğmesini kullanabilirsiniz. Soldaki önizleme bileşenleri, değişiklik yaptığınızda otomatik olarak güncellenecektir. CSS, Tailwind, SwiftUI veya CSS değişkenleri için kolayca değerler oluşturup panonuza kopyalayabilirsiniz.
Example Components
Premium Wireless Headphones
High-fidelity audio with active noise cancellation, premium materials, and up to 30 hours of battery life. Perfect for music enthusiasts and professionals.
Alex Chen
Mar 15, 2025
The Future of Web Development: AI-Powered Tools and Automation
Explore how artificial intelligence is revolutionizing web development workflows, making developers more productive and efficient than ever before.
Web Development Workshop 2025
Join us for an intensive workshop on modern web development practices. Learn about the latest frameworks, tools, and techniques from industry experts. This hands-on session will cover everything from frontend development to backend architecture and deployment strategies.
Tech Innovation Hub
123 Developer Street, Silicon Valley, CA
45 going
5 spots left
Revenue Overview
Monthly revenue performance and key metrics
Total Revenue
vs. last month
Average Order Value
vs. last month
Conversion Rate
vs. last month
Active Customers
vs. last month
Button States
Demonstration of primary button states: normal, hover, active, and disabled
Normal State
Hover State
Active State
Interactive Example
Disabled State
Explore More Color Shades
Floral White
floral-white-50: #fffcf7;
floral-white-100: #fffaf0;
floral-white-200: #e2ded5;
floral-white-300: #c6c3bb;
floral-white-400: #aba8a1;
floral-white-500: #918e88;
floral-white-600: #777570;
floral-white-700: #5e5d59;
floral-white-800: #474543;
floral-white-900: #30302e;
floral-white-950: #1b1b1a;