Tạo tông màu sáng và tối
Tạo các tông màu sáng hơn và tối hơn từ màu cơ bản. Xây dựng bảng màu hoàn chỉnh cho hệ thống thiết kế.
Mau nen
Cap do
Mau nhat (sang hon - pha voi trang)
#EBF3FE10%
#C4DAFC30%
#9DC1FB50%
#76A8F970%
#4F8FF790%
Nen
#3B82F6Nen
Bong toi (toi hon - pha voi den)
#3575DD90%
#295BAC70%
#1E417B50%
#12274A30%
#060D1910%
Thang mau day du (sang nhat den toi nhat)
Giới thiệu công cụ
May tao mau nhat va bong toi tao ra cac bien the sang hon va toi hon tu bat ky mau nen nao. Mau nhat duoc tao bang cach pha mau nen voi trang (tang do sang), trong khi bong toi duoc tao bang cach pha voi den (giam do sang).
Cong cu tao toi da 5 cap mau nhat va 5 cap bong toi, cong them mau nen goc, cung cap bo mau 11 buoc xung quanh mau sac da chon. Nhan vao bat ky mau nao de sao chep ma hex cua no.
Cách sử dụng
- Chon mau nen bang bo chon mau hoac nhap ma hex.
- Su dung cac nut mau mau de thu cac mau dat san nhanh chong.
- Dieu chinh so cap (3-5) de kiem soat do rong cua bo mau.
- Nhan vao bat ky mau nao de sao chep ma hex. Su dung Sao chep tat ca cho thang mau day du.
Trường hợp sử dụng
He thong thiet ke can thang mau he thong cho moi mau thuong hieu. Nha thiet ke UI tao cac trang thai di chuot, kich hoat va vo hieu hoa tu mot mau hanh dong duy nhat. Lap trinh vien frontend tao cac bien the mau nhat quan.
Câu hỏi thường gặp
- Su khac biet giua mau nhat va bong toi la gi? — Mau nhat pha voi trang (sang hon); bong toi pha voi den (toi hon). Sac do pha voi xam va khong duoc tao o day.
- Cac cap duoc tinh toan the nao? — Moi cap pha mau nen voi trang hoac den theo ty le 10%, 30%, 50%, 70% va 90%, tao ra cac buoc hinh anh nhat quan.
- Toi co the lay bien CSS tu day khong? — Dau ra la cac ma hex. Ban co the dan chung vao CSS cua minh nhu --color-500, --color-400, v.v.