Tạo sắc thái màu từ một màu cơ bản duy nhất
Công cụ trực tuyến miễn phí của chúng tôi tạo ngay lập tức nhiều sắc thái và tông màu khác nhau cho bất kỳ màu nào bạn chọn. Cho dù bạn là nhà thiết kế, nhà phát triển hay nghệ sĩ kỹ thuật số, chỉ cần nhập mã hex hoặc chọn một màu – như Brown – và trình tạo của chúng tôi sẽ tạo ra một bảng màu hoàn chỉnh với các sắc thái được phân bổ đẹp mắt. Sử dụng các màu này để xây dựng các thành phần UI bắt mắt, tạo hình minh họa hấp dẫn hoặc tạo chủ đề CSS động cho dự án tiếp theo của bạn
Điều chỉnh màu cơ bản bằng bảng công cụ bên phải để thay đổi phạm vi sắc thái. Sử dụng nút chỉnh sửa để thay đổi màu cơ bản. Các thành phần xem trước bên trái sẽ tự động cập nhật khi bạn thực hiện thay đổi. Dễ dàng tạo giá trị cho các biến CSS, Tailwind, SwiftUI hoặc CSS và sao chép vào bảng tạm của bạn.
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
Brown
brown: #a52a2a;