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

Ghép font tiếng Việt đẹp: 20 cặp font Google dùng được ngay

20 cặp font Google đủ dấu tiếng Việt để ghép tiêu đề và nội dung, kèm ảnh xem thử từng cặp bằng một câu tiếng Việt nhiều dấu, kết quả kiểm tra dấu của từng font, và cách dùng công cụ Gợi ý ghép font của ColorME để tìm font đi cùng một font bạn đã chọn, lọc theo phong cách và sao chép CSS.

7

COLOR ME trong Tutorial

Tạo báo giá, hoá đơn cho freelancer thiết kế và xuất PDF miễn phí

Cách tạo báo giá thiết kế và đề nghị thanh toán cho freelancer bằng công cụ Báo giá & hoá đơn của ColorME: điền người gửi, khách hàng, hạng mục, giảm giá, thuế, đặt cọc, thêm logo rồi tải PDF A4. Kèm bảng đối chiếu phép tính, ảnh file PDF thật, cách chuyển báo giá thành hoá đơn và những giới hạn cần biết.

3

COLOR ME trong Tutorial

Tạo favicon cho website từ logo: đủ ICO, PNG, Apple, Android

Cách tạo favicon cho website bằng công cụ Tạo favicon & icon app của ColorME: tải logo hoặc gõ chữ cái, chỉnh bo góc, lề, nền, tải ZIP gồm favicon.ico, PNG 16 và 32 px, apple-touch-icon 180 px, icon Android 192 và 512 px, site.webmanifest và mã HTML. Kèm phần mở ZIP kiểm tra từng file và thử gắn vào một trang web thật.

2

COLOR ME trong Tutorial

Lấy mã màu trên màn hình và từ ảnh: hút màu online ra HEX, RGB

Cách lấy mã màu từ ảnh và ảnh chụp màn hình bằng công cụ Lấy màu trên màn hình của ColorME: tải ảnh lên, bấm vào điểm cần lấy, sao chép mã HEX, RGB, HSL, CMYK. Kèm kết quả thử thật trên ảnh, lý do hai điểm sát nhau cho hai mã khác nhau, cách lấy đúng màu logo, dải đậm nhạt, độ tương phản chữ và xuất bảng màu CSS.

3

COLOR ME trong Tutorial

Cắt đôi ảnh, chia ảnh làm 2–3 phần bằng nhau để đăng Instagram

Cách cắt đôi ảnh online bằng công cụ Cắt & xoay ảnh của ColorME: kéo cạnh khung vào giữa, tải nửa trái, trượt khung sang phải, tải nửa phải. Kèm cách chia ảnh làm 2 phần 4:5 và 3 ô vuông liền mạch để đăng nhiều ảnh trên Instagram, số đo thật của từng phép thử và mức lệch pixel có thể gặp.

2

COLOR ME trong Tutorial

Nén GIF, giảm dung lượng ảnh GIF để gửi Zalo, Discord

Cách nén GIF bằng chế độ Nén GIF của công cụ Video ⇄ GIF trên ColorME: chọn file, bấm Nén GIF, tải về; mở Tuỳ chỉnh để giảm chiều rộng, số màu hoặc bỏ bớt khung hình khi cần nhẹ hơn. Kèm số liệu thử thật trên hai file GIF, so sánh chất lượng, trường hợp không nhẹ hơn, và cách đổi GIF sang MP4 để có file nhẹ nhất.

5

COLOR ME trong Tutorial

Kiểm tra màu cá nhân (personal color) online: bạn hợp màu gì?

Cách kiểm tra màu cá nhân (personal color) online bằng camera hoặc ảnh selfie với công cụ của ColorME: chuẩn bị ánh sáng và tờ giấy trắng, đọc mùa màu, undertone và điểm tin cậy, khoác thử vải ảo để kiểm chứng, tải bảng 24 màu. Kèm phép thử thật trên bốn ảnh cho thấy ánh sáng làm đổi kết quả thế nào.

7

COLOR ME trong Tutorial

Tạo thang cỡ chữ (type scale) theo tỉ lệ vàng cho web và Figma

Type scale (thang cỡ chữ) là gì và cách tạo bằng công cụ Thang cỡ chữ & tỉ lệ vàng của ColorME: chọn cỡ gốc, 8 tỉ lệ từ 1.067 đến tỉ lệ vàng 1.618, xem thử font tiếng Việt, sao chép mã CSS rem hoặc Tailwind. Kèm bảng số liệu của cả 8 tỉ lệ, ví dụ trang và banner trước sau, cách đưa vào Figma và các giới hạn.

1