Hệ màu RGB được hiểu đơn giản là màu tự phát sáng, Vd : tivi, bảng đèn led …. được ứng dụng nhiều trong các sản phẩm thông dụng như : màn hình máy tính, màn hình điện thoại …

Công cụ chuyển đổi màu sắc

Chọn màu

#50C7C7

rgb(80,199,199)

Nhập giá trị trực tiếp

Hiển thị giá trị màu
HEX#50C7C7
RGBrgb(80,199,199)
HSVhsv(180°, 60%, 78%)
CMYKC: 60%, M: 0%, Y: 0%, K: 22%

RGB sang CMYK

CMYK:

CMYK sang RGB

RGB:

Chọn màu từ hình ảnh

Màu được chọn từ hình ảnh

RGB:

CMYK:

Hướng dẫn thao tác

Công cụ được chia thành bốn phần chính, mỗi phần có chức năng riêng biệt:

1. Chọn màu & Nhập giá trị trực tiếp (Cột 1)

Phần này là trung tâm điều khiển màu sắc, cho phép bạn chọn hoặc nhập màu theo nhiều cách khác nhau và xem kết quả ở tất cả các định dạng chính.

  • Bảng chọn HSL/HSV:

    • Sử dụng thanh trượt Hue (thanh cầu vồng) để chọn tông màu cơ bản (độ H).

    • Click hoặc kéo chuột trong ô vuông lớn để điều chỉnh Độ bão hòa (Saturation – S) và Giá trị/Độ sáng (Value/Brightness – V). Kéo về bên phải tăng S, về phía trên tăng V.

    • Màu ngẫu nhiên: Nhấn nút “Màu ngẫu nhiên” để plugin tự động chọn một màu bất kỳ.

  • Nhập giá trị trực tiếp:

    • HEX: Nhập mã màu Hex (ví dụ: #50C7C7 hoặc 50C7C7). Hệ thống sẽ tự động chuyển đổi sang các định dạng khác.

    • HSV (H, S, V): Nhập các giá trị riêng lẻ cho Hue (0-360), Saturation (0-100), và Value (0-100).

  • Kết quả hiển thị:

    • Màu được chọn sẽ hiển thị trong ô “Selected Color Preview” lớn.

    • Các giá trị HEX, RGB, HSV, CMYK tương ứng sẽ được hiển thị chi tiết trong bảng “Hiển thị giá trị màu”.

    • Sao chép: Nhấn nút “Sao chép” bên cạnh bất kỳ giá trị nào để sao chép nó vào clipboard của bạn.

2. RGB sang CMYK (Cột 2)

Phần này cho phép bạn chuyển đổi màu từ hệ RGB sang CMYK.

  • Nhập giá trị RGB: Nhập các giá trị R (Đỏ), G (Xanh lá), B (Xanh dương) riêng lẻ (0-255).

  • Chọn màu có sẵn: Sử dụng menu thả xuống “Hoặc chọn:” để chọn một màu phổ biến đã được định nghĩa trước (ví dụ: Đỏ, Xanh lá, Đen, Trắng).

  • Kết quả: Hệ thống sẽ tự động tính toán và hiển thị giá trị CMYK tương ứng trong ô “CMYK:”. Một ô màu nhỏ (Color Swatch) cũng sẽ hiển thị màu được chuyển đổi.

  • Xóa: Nút “Xóa” sẽ đặt lại các trường RGB về 0 và xóa kết quả CMYK.

3. CMYK sang RGB (Cột 3)

Phần này cho phép bạn chuyển đổi màu từ hệ CMYK sang RGB.

  • Nhập giá trị CMYK: Nhập các giá trị C (Cyan), M (Magenta), Y (Yellow), K (Key/Black) riêng lẻ (0-100).

  • Kết quả: Hệ thống sẽ tự động tính toán và hiển thị giá trị RGB tương ứng trong ô “RGB:”. Một ô màu nhỏ (Color Swatch) cũng sẽ hiển thị màu được chuyển đổi.

  • Xóa: Nút “Xóa” sẽ đặt lại các trường CMYK về 0 và xóa kết quả RGB.

4. Chọn màu từ hình ảnh (Cột 4 – Mới)

Đây là một tính năng bổ sung mạnh mẽ, cho phép bạn lấy màu từ một hình ảnh.

  • Tải ảnh lên: Nhấn nút “Tải ảnh lên:” và chọn một tệp hình ảnh từ máy tính của bạn.

  • Chọn màu: Sau khi hình ảnh được tải và hiển thị trong khung, hãy click vào bất kỳ vị trí nào trên hình ảnh để chọn màu tại điểm đó.

  • Kết quả: Giá trị RGB và CMYK của màu được chọn sẽ hiển thị ngay lập tức. Một ô màu nhỏ (Color Swatch) cũng sẽ hiển thị màu đã chọn. Màu này cũng sẽ tự động đồng bộ hóa với phần “Chọn màu & Nhập giá trị trực tiếp” (Cột 1).

 

Operating Instructions

The tool is divided into four main sections, each with distinct functionality:

1. Color Picker & Direct Input (Column 1)

This section is the central color control, allowing you to select or input colors in various ways and see the results in all major formats.

  • HSL/HSV Picker:

    • Use the Hue slider (rainbow bar) to select the basic color tone (H value).

    • Click or drag your mouse within the large square to adjust Saturation (S) and Value/Brightness (V). Dragging right increases S, dragging up increases V.

    • Random Color: Click the “Màu ngẫu nhiên” (Random Color) button for the plugin to automatically select a random color.

  • Direct Value Input:

    • HEX: Enter a Hex color code (e.g., #50C7C7 or 50C7C7). The system will automatically convert it to other formats.

    • HSV (H, S, V): Enter individual values for Hue (0-360), Saturation (0-100), and Value (0-100).

  • Output Display:

    • The selected color will be displayed in the large “Selected Color Preview” box.

    • Corresponding HEX, RGB, HSV, CMYK values will be detailed in the “Hiển thị giá trị màu” (Display Color Values) table.

    • Copy: Click the “Sao chép” (Copy) button next to any value to copy it to your clipboard.

2. RGB to CMYK (Column 2)

This section allows you to convert colors from the RGB system to CMYK.

  • Enter RGB Values: Input individual R (Red), G (Green), B (Blue) values (0-255).

  • Select Predefined Color: Use the “Hoặc chọn:” (Or select:) dropdown menu to choose a common predefined color (e.g., Red, Green, Black, White).

  • Result: The system will automatically calculate and display the corresponding CMYK values in the “CMYK:” field. A small color swatch will also show the converted color.

  • Clear: The “Xóa” (Clear) button will reset the RGB fields to 0 and clear the CMYK result.

3. CMYK to RGB (Column 3)

This section allows you to convert colors from the CMYK system to RGB.

  • Enter CMYK Values: Input individual C (Cyan), M (Magenta), Y (Yellow), K (Key/Black) values (0-100).

  • Result: The system will automatically calculate and display the corresponding RGB values in the “RGB:” field. A small color swatch will also show the converted color.

  • Clear: The “Xóa” (Clear) button will reset the CMYK fields to 0 and clear the RGB result.

4. Pick Color from Image (Column 4 – New)

This is a powerful additional feature that allows you to extract colors directly from an image.

  • Upload Image: Click the “Tải ảnh lên:” (Upload image:) button and select an image file from your computer.

  • Pick Color: Once the image is loaded and displayed in the frame, click anywhere on the image to select the color at that point.

  • Result: The RGB and CMYK values of the picked color will be displayed instantly. A small color swatch will also show the selected color. This color will also automatically synchronize with the “Color Picker & Direct Input” section (Column 1).

 

Bedienungsanleitung

Das Tool ist in vier Hauptabschnitte unterteilt, jeder mit einer eigenen Funktionalität:

1. Farbauswahl & Direkte Eingabe (Spalte 1)

Dieser Abschnitt ist die zentrale Farbsteuerung und ermöglicht es Ihnen, Farben auf verschiedene Arten auszuwählen oder einzugeben und die Ergebnisse in allen wichtigen Formaten anzuzeigen.

  • HSL/HSV-Auswahl:

    • Verwenden Sie den Farbton-Schieberegler (Regenbogenleiste), um den Grundfarbton (H-Wert) auszuwählen.

    • Klicken oder ziehen Sie die Maus im großen Quadrat, um Sättigung (Saturation – S) und Wert/Helligkeit (Value/Brightness – V) anzupassen. Nach rechts ziehen erhöht S, nach oben ziehen erhöht V.

    • Zufallsfarbe: Klicken Sie auf die Schaltfläche “Màu ngẫu nhiên” (Zufallsfarbe), damit das Plugin automatisch eine zufällige Farbe auswählt.

  • Direkte Werteingabe:

    • HEX: Geben Sie einen Hex-Farbcode ein (z. B. #50C7C7 oder 50C7C7). Das System konvertiert ihn automatisch in andere Formate.

    • HSV (H, S, V): Geben Sie einzelne Werte für Farbton (0-360), Sättigung (0-100) und Wert (0-100) ein.

  • Ausgabeanzeige:

    • Die ausgewählte Farbe wird im großen Feld “Selected Color Preview” angezeigt.

    • Die entsprechenden HEX-, RGB-, HSV-, CMYK-Werte werden detailliert in der Tabelle “Hiển thị giá trị màu” (Farbwerte anzeigen) angezeigt.

    • Kopieren: Klicken Sie auf die Schaltfläche “Sao chép” (Kopieren) neben einem beliebigen Wert, um ihn in Ihre Zwischenablage zu kopieren.

2. RGB zu CMYK (Spalte 2)

Dieser Abschnitt ermöglicht Ihnen die Konvertierung von Farben vom RGB-System in CMYK.

  • RGB-Werte eingeben: Geben Sie individuelle R- (Rot), G- (Grün), B- (Blau) Werte ein (0-255).

  • Vordefinierte Farbe auswählen: Verwenden Sie das Dropdown-Menü “Hoặc chọn:” (Oder auswählen:), um eine häufig verwendete vordefinierte Farbe auszuwählen (z. B. Rot, Grün, Schwarz, Weiß).

  • Ergebnis: Das System berechnet und zeigt automatisch die entsprechenden CMYK-Werte im Feld “CMYK:” an. Ein kleines Farbfeld zeigt auch die konvertierte Farbe an.

  • Löschen: Die Schaltfläche “Xóa” (Löschen) setzt die RGB-Felder auf 0 zurück und löscht das CMYK-Ergebnis.

3. CMYK zu RGB (Spalte 3)

Dieser Abschnitt ermöglicht Ihnen die Konvertierung von Farben vom CMYK-System in RGB.

  • CMYK-Werte eingeben: Geben Sie individuelle C- (Cyan), M- (Magenta), Y- (Gelb), K- (Key/Schwarz) Werte ein (0-100).

  • Ergebnis: Das System berechnet und zeigt automatisch die entsprechenden RGB-Werte im Feld “RGB:” an. Ein kleines Farbfeld zeigt auch die konvertierte Farbe an.

  • Löschen: Die Schaltfläche “Xóa” (Löschen) setzt die CMYK-Felder auf 0 zurück und löscht das RGB-Ergebnis.

4. Farbe aus Bild auswählen (Spalte 4 – Neu)

Dies ist eine leistungsstarke zusätzliche Funktion, mit der Sie Farben direkt aus einem Bild extrahieren können.

  • Bild hochladen: Klicken Sie auf die Schaltfläche “Tải ảnh lên:” (Bild hochladen:) und wählen Sie eine Bilddatei von Ihrem Computer aus.

  • Farbe auswählen: Sobald das Bild geladen und im Rahmen angezeigt wird, klicken Sie auf eine beliebige Stelle im Bild, um die Farbe an diesem Punkt auszuwählen.

  • Ergebnis: Die RGB– und CMYK-Werte der ausgewählten Farbe werden sofort angezeigt. Ein kleines Farbfeld zeigt auch die ausgewählte Farbe an. Diese Farbe wird auch automatisch mit dem Abschnitt “Farbauswahl & Direkte Eingabe” (Spalte 1) synchronisiert.

 

操作说明

该工具分为四个主要部分，每个部分都有独特的功能：

1. 颜色选择器和直接输入 (第1列)

此部分是颜色控制中心，允许您通过各种方式选择或输入颜色，并以所有主要格式查看结果。

  • HSL/HSV 选择器：

    • 使用 色相滑块（彩虹条）选择基本色调（H 值）。

    • 在 大方块 内点击或拖动鼠标，调整饱和度（Saturation – S）和明度/亮度（Value/Brightness – V）。向右拖动增加 S，向上拖动增加 V。

    • 随机颜色： 点击“Màu ngẫu nhiên”（随机颜色）按钮，插件将自动选择一个随机颜色。

  • 直接值输入：

    • HEX： 输入十六进制颜色代码（例如：#50C7C7 或 50C7C7）。系统将自动将其转换为其他格式。

    • HSV (H, S, V)： 输入色相（0-360）、饱和度（0-100）和明度（0-100）的单独值。

  • 输出显示：

    • 所选颜色将显示在大型 “Selected Color Preview” 框中。

    • 相应的 HEX、RGB、HSV、CMYK 值将在“Hiển thị giá trị màu”（显示颜色值）表中详细显示。

    • 复制： 点击任何值旁边的“Sao chép”（复制）按钮，将其复制到剪贴板。

2. RGB转CMYK (第2列)

此部分允许您将颜色从 RGB 系统转换为 CMYK。

  • 输入 RGB 值： 输入 R（红）、G（绿）、B（蓝）的单独值（0-255）。

  • 选择预定义颜色： 使用“Hoặc chọn:”（或选择：）下拉菜单选择一个常见的预定义颜色（例如：红色、绿色、黑色、白色）。

  • 结果： 系统将自动计算并在“CMYK:”字段中显示相应的 CMYK 值。一个小色样也将显示转换后的颜色。

  • 清除： “Xóa”（清除）按钮将 RGB 字段重置为 0 并清除 CMYK 结果。

3. CMYK转RGB (第3列)

此部分允许您将颜色从 CMYK 系统转换为 RGB。

  • 输入 CMYK 值： 输入 C（青色）、M（洋红色）、Y（黄色）、K（黑色）的单独值（0-100）。

  • 结果： 系统将自动计算并在“RGB:”字段中显示相应的 RGB 值。一个小色样也将显示转换后的颜色。

  • 清除： “Xóa”（清除）按钮将 CMYK 字段重置为 0 并清除 RGB 结果。

4. 从图像中选取颜色 (第4列 – 新功能)

这是一个强大的附加功能，允许您直接从图像中提取颜色。

  • 上传图像： 点击“Tải ảnh lên:”（上传图像：）按钮，从您的计算机中选择一个图像文件。

  • 选取颜色： 图像加载并显示在框架中后，点击图像上的任意位置，选择该点的颜色。

  • 结果： 所选颜色的 RGB 和 CMYK 值将立即显示。一个小色样也将显示所选颜色。此颜色也将自动与“颜色选择器和直接输入”部分（第1列）同步。