🎨 Random Color Studio

Sinh Màu Ngẫu Nhiên & Khơi Nguồn Cảm Hứng Thiết Kế

📋 Các Định Dạng Mã Màu Sẵn Sàng Copy

HEX (Web & Figma) #
RGB rgb()
HSL hsl()
OKLCH (CSS Color 4) oklch()
CSS Variable --var
Tailwind Class tailwind
🕘 Lịch Sử Màu Vừa Xem
⭐ Bảng Màu Đã Lưu

Bảo Mật Cấp Doanh Nghiệp Trên Trình Duyệt 100% Trình Duyệt

Không thu thập dữ liệu, không lưu trữ đám mây. Mã nguồn, mật khẩu và tài liệu của bạn được bảo vệ 100% tại máy khách.

✓ Hướng Dẫn 3 Bước Tìm Mã Màu & Phối Màu Đột Phá

1 Bước 1

Chọn Phong Cách Thiết Kế

Bấm chọn giữa phong cách Pastel ngọt ngào, Neon Cyberpunk chói lọi, Vintage hoài cổ, Dark Mode UI hoặc Ngẫu Nhiên Toàn Diện.

2 Bước 2

Nhấn Phím Cách (Spacebar)

Thả lỏng mắt và nhấn phím cách liên tục để thưởng thức từng mảng màu tràn ngập màn hình kèm âm thanh pop vui tai cho đến khi ưng ý.

3 Bước 3

Sao Chép Mã Màu & Đưa Vào Code

Bấm vào thẻ HEX, RGB, HSL, OKLCH, CSS Var hoặc Tailwind class để sao chép 1 chạm và dán thẳng vào Figma, CSS hoặc mã nguồn.

? Câu Hỏi Thường Gặp (FAQ)

Q1 Làm sao để lấy lại màu sắc đẹp mà tôi vừa vô tình bấm lướt qua?
Ở ngay phía dưới khu vực hiển thị chính là thanh Lịch Sử Màu Vừa Xem. Mỗi lần tạo màu mới, công cụ tự động lưu vào danh sách 20 màu gần nhất. Bạn chỉ cần bấm vào ô màu trong lịch sử để khôi phục lại.
Q2 Cấu trúc của mã màu HEX là gì và giải mã như thế nào?
Mã màu HEX là chuỗi ký tự cơ số 16 gồm tiền tố # theo sau bởi 6 ký tự số từ 0 đến 9 và chữ cái từ A đến F, tương ứng 3 kênh màu Red, Green và Blue.
Q3 Màu Pastel được tính toán bằng công thức toán học nào?
Trong không gian màu HSL, màu Pastel được sinh ra bằng cách giữ độ sáng Lightness ở mức cao (80% đến 95%) kết hợp với độ bão hòa Saturation từ 70% đến 90%.
Q4 Vì sao định dạng màu OKLCH lại vượt trội hơn sRGB và HEX truyền thống?
OKLCH là không gian màu đồng nhất tri giác chuẩn CSS Color Module Level 4, mở khóa dải màu rộng P3 Retina và loại bỏ dải màu xám chết khi chuyển tiếp gradient.
Q5 Dữ liệu bảng màu của tôi có được bảo mật và an toàn không?
Hoàn toàn bảo mật 100%. Tất cả thuật toán sinh màu và lưu trữ diễn ra trực tiếp trên trình duyệt máy bạn, không có bất kỳ dữ liệu nào gửi về máy chủ.
Hệ Sinh Thái

Công Cụ Dành Cho Lập Trình Viên

Xem trọn bộ danh mục →

100% Miễn phí · Dữ liệu luôn nằm trên thiết bị của bạn