AkousaTrình tạo
Tạo dải màu
Tạo 11 sắc thái đậm và nhạt từ bất kỳ màu cơ bản nào với xuất CSS, Tailwind, SCSS và JSON.
Press Escape to reset, Ctrl+Enter to copy export.
Esc ResetCtrl+Enter Copy export
#1E417Brgb(30, 65, 123)hsl(217, 61%, 30%)
#234E94rgb(35, 78, 148)hsl(217, 62%, 36%)
#295BACrgb(41, 91, 172)hsl(217, 62%, 42%)
#2F68C5rgb(47, 104, 197)hsl(217, 61%, 48%)
#3575DDrgb(53, 117, 221)hsl(217, 71%, 54%)
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)
#4F8FF7rgb(79, 143, 247)hsl(217, 91%, 64%)
#629BF8rgb(98, 155, 248)hsl(217, 91%, 68%)
#76A8F9rgb(118, 168, 249)hsl(217, 92%, 72%)
#89B4FArgb(137, 180, 250)hsl(217, 92%, 76%)
#9DC1FBrgb(157, 193, 251)hsl(217, 92%, 80%)
:root {
--color-d50: #1e417b;
--color-d40: #234e94;
--color-d30: #295bac;
--color-d20: #2f68c5;
--color-d10: #3575dd;
--color: #3b82f6;
--color-l10: #4f8ff7;
--color-l20: #629bf8;
--color-l30: #76a8f9;
--color-l40: #89b4fa;
--color-l50: #9dc1fb;
}Về Tạo dải màu
Công cụ Tạo dải màu tạo thang 11 bước hoàn chỉnh gồm sắc thái đậm và nhạt từ bất kỳ màu cơ bản nào. Sắc thái đậm được tạo bằng cách pha màu với đen (làm tối hơn), trong khi tông nhạt được tạo bằng cách pha với trắng (làm sáng hơn). Kết quả là thang màu chuyên nghiệp tương tự bảng màu tích hợp của Tailwind CSS.
Cách sử dụng
Nhập mã màu HEX bất kỳ vào trường nhập liệu hoặc dùng bộ chọn màu. Công cụ ngay lập tức tạo 5 sắc thái đậm và 5 tông nhạt cùng với màu gốc. Nhấn vào bất kỳ mẫu màu nào để sao chép giá trị HEX của nó. Dùng bảng xuất để tải xuống toàn bộ thang màu dưới dạng biến CSS, cấu hình Tailwind, biến SCSS hoặc JSON.
Trường hợp sử dụng phổ biến
- Tạo bảng màu hoàn chỉnh cho hệ thống thiết kế
- Tạo thang màu tùy chỉnh Tailwind CSS
- Xây dựng hệ thống màu UI dễ tiếp cận với độ tương phản đủ
- Thiết kế biến thể chế độ tối của màu thương hiệu
- Xuất token màu cho hệ thống thiết kế CSS hoặc SCSS
Frequently Asked Questions About Tạo dải màu
What is Tạo dải màu?
Tạo dải màu is a free online tool on akousa.net, a platform with 559+ browser-based utilities. Tạo 11 sắc thái đậm và nhạt từ bất kỳ màu cơ bản nào với xuất CSS, Tailwind, SCSS và JSON. No installation is required.
How do I use Tạo dải màu?
Simply open Tạo dải màu on akousa.net, enter or upload your data, configure any options, and click the action button. Results appear instantly in your browser.
Is Tạo dải màu free?
Yes, the core Tạo dải màu experience is free to use without signup. All 559+ tools remain available for everyday use, while Akousa Pro adds optional premium platform features and ad-free browsing.