MetoolzyMetoolzy
Tạo mã QRLink ShortenerImage CompressorJSON FormatterPassword GeneratorTất cả công cụ →
BlogĐăng nhập
Tạo mã QRLink ShortenerImage CompressorJSON FormatterPassword GeneratorTất cả công cụ →
Blog
Language
Sign inCreate account
MetoolzyMetoolzy

Công cụ trực tuyến miễn phí

QR code, rút gọn link, xử lý ảnh, tiện ích lập trình — miễn phí, không cần đăng ký.

Công cụ

  • QR Code Generator
  • Link Shortener

Liên kết

  • Blog
  • Giới thiệu
  • Trợ giúp
  • GitHub Issues

Liên hệ

  • Liên hệ chúng tôi
  • metoolzy.com@gmail.com
Tải tiện ích Chrome—công cụ ngay trong trình duyệt
© 2026 Metoolzy. Bảo lưu mọi quyền.RSS
Giới thiệuQuyền riêng tưCookieĐiều khoảnLiên hệSơ đồ trang
/
/
  1. Trang chủ
  2. Blog
  3. Design
  4. Color Tools cho Designer — Palette, Gradient, Contrast, Converter miễn phí
DesignTutorials

Color Tools cho Designer — Palette, Gradient, Contrast, Converter miễn phí

Tân Nguyễn
Tân Nguyễn
05 tháng 6, 20262 phút

Color Tools trên Metoolzy

Metoolzy cung cấp bộ 5 công cụ thiết kế màu sắc chạy hoàn toàn trên browser — hoàn hảo cho designer, frontend developer và content creator.

1. Color Palette Generator

Color Palette tạo bảng màu hài hòa chỉ với 1 click. Randomize để tìm cảm hứng, copy HEX/RGB codes.

Khi nào dùng: Chọn color scheme cho website, app, social media post, presentation.

2. Gradient Generator

Gradient Generator tạo CSS gradient trực quan. Kéo color stops, chọn hướng, copy CSS code sẵn sàng dùng.

Khi nào dùng: Background gradient cho hero section, button hover, card overlay.

3. Contrast Checker (WCAG)

Contrast Checker kiểm tra tỷ lệ tương phản giữa text và background theo chuẩn WCAG 2.1. Hiện kết quả AA/AAA compliance.

Khi nào dùng: Đảm bảo website accessible cho người dùng có thị lực kém.

4. Color Converter

Color Converter chuyển đổi giữa HEX, RGB, HSL, CMYK. Nhập bất kỳ format nào → xem tất cả format khác + live color preview.

Khi nào dùng: Khi design tool dùng HEX nhưng code cần RGB, hoặc in ấn cần CMYK.

5. CSS Unit Converter

CSS Unit Converter chuyển đổi px ↔ rem ↔ em ↔ % ↔ pt ↔ vw. Tùy chỉnh base font size và viewport width.

Khi nào dùng: Responsive design, chuyển từ px sang rem cho typography.

Workflow đề xuất

  1. Dùng Color Palette để tìm color scheme
  2. Kiểm tra Contrast cho text/background combinations
  3. Tạo Gradient cho backgrounds
  4. Dùng Color Converter để chuyển sang format cần thiết
  5. Dùng CSS Unit Converter để convert px → rem cho responsive

👉 Xem tất cả Design & Color Tools →


TrướcCode Playground Online — Viết HTML, CSS, JS với Monaco Editor miễn phí

Bài viết phổ biến

  • 01Code Playground Online — Viết HTML, CSS, JS với Monaco Editor miễn phí05/06/20262 phút
  • 02Tạo mật khẩu mạnh online — Password Generator an toàn, miễn phí05/06/20262 phút
  • 03Unix Timestamp Converter — Chuyển đổi epoch sang ngày giờ và ngược lại05/06/20262 phút
  • 04JWT Decoder Online — Giải mã JSON Web Token an toàn, không verify signature05/06/20262 phút

Bài viết mới nhất

  • Code Playground Online — Viết HTML, CSS, JS với Monaco Editor miễn phí05/06/2026
  • Tạo mật khẩu mạnh online — Password Generator an toàn, miễn phí05/06/2026
  • Unix Timestamp Converter — Chuyển đổi epoch sang ngày giờ và ngược lại05/06/2026
  • JWT Decoder Online — Giải mã JSON Web Token an toàn, không verify signature05/06/2026
  • Regex Tester Online — Kiểm tra biểu thức chính quy theo thời gian thực05/06/2026

Bài viết liên quan

Design

Nén ảnh online miễn phí — giảm dung lượng JPG, PNG, WebP không mất chất lượng

05/06/20262 phút