Blog

Kiến thức, cảm hứng và tin tức thiết kế do đội ngũ ColorME chọn lọc.

COLOR ME trong Tutorial

Chuyển font TTF, OTF sang WOFF2 cho website (kèm @font-face)

Cách chuyển font TTF, OTF sang WOFF2 bằng công cụ Chuyển đổi font của ColorME: chọn file, tải WOFF2, sao chép mã CSS @font-face và dùng trên trang web. Có số liệu thử thật với Be Vietnam Pro, Poppins, Lobster, Source Serif 4 (nhẹ hơn 56–75%) và phép kiểm tra dấu tiếng Việt sau khi chuyển.

2

COLOR ME trong Tutorial

Tạo thang màu 50–950 từ một màu thương hiệu (Tailwind, CSS)

Cách tạo thang màu 50–950 từ một mã màu thương hiệu bằng công cụ Thang màu & design token của ColorME: nhập màu, đặt tên biến, đọc nhãn tương phản từng bậc, xuất biến CSS, cấu hình Tailwind, SCSS, JSON hoặc PNG, kèm bảng 12 màu đã thử và các giới hạn nên biết.

1

COLOR ME trong Tutorial

Ghép ảnh trước và sau (before/after) cạnh nhau trong 1 phút

Cách ghép ảnh trước và sau (before/after) vào một khung bằng công cụ Ghép ảnh online của ColorME: chọn hai ảnh, chọn khung 16:9 hoặc 4:5 theo chiều ảnh, đổi chỗ, căn hai ô, chỉnh đường ngăn rồi tải JPG. Có cách thêm chữ Trước, Sau và ghép hai cặp trong một ảnh.

5

COLOR ME trong Tutorial

Ghép ảnh chụp màn hình thành một ảnh dài, tự bỏ đoạn trùng

Cách ghép nhiều ảnh chụp màn hình thành một ảnh dài bằng công cụ Ghép ảnh chụp màn hình dài của ColorME: chọn tất cả ảnh, để công cụ tự tìm và cắt đoạn trùng, tải PNG hoặc JPG. Kèm phép thử ba mức chồng ảnh trên hai trang cho thấy nên cuộn bao nhiêu mỗi lần chụp, cách đọc nhãn chỗ nối và cách xử lý khi ảnh bị lặp.

5

COLOR ME trong Tutorial

Tạo hiệu ứng halftone, duotone cho ảnh online (kiểu poster retro)

Cách tạo hiệu ứng halftone chấm tròn, chấm vuông, sọc và ảnh duotone hai màu bằng công cụ Halftone & duotone của ColorME. Kèm so sánh bốn kiểu trên cùng một ảnh chân dung, các cỡ ô ở tỉ lệ 100%, cách dùng tương phản và độ sáng để ảnh không bị bệt, tám cặp màu dựng sẵn và các giới hạn khi mang đi in.

4