
Di chuột lên màu để xem mã hex và mã thập phân bên dưới:
| Hex: # | |||
| Đỏ: | |||
| Xanh lá: | |||
| Xanh dương: |
Không gian màu RGB hoặc Hệ màu RGB, tạo ra tất cả màu sắc bằng cách kết hợp ỏ, Xanh lá và Xanh dương màu..
Đỏ, xanh lá và xanh dương dùng 8 bit mỗi màu, với giá trị từ 0 đến 255. Điều này tạo ra 256*256*256 = 16.777.216 màu.
RGB ≡ Đỏ, Xanh lá, Xanh dương
Mỗi pixel trên màn hình LED hiển thị màu bằng cách kết hợp đèn LED đỏ, xanh lá và xanh dương.
Khi giá trị màu đỏ là 0, LED tắt. Khi giá trị là 255, LED sáng tối đa.
Các giá trị ở giữa tạo ra mức độ sáng khác nhau.
Mã RGB có định dạng 24 bit (bit 0..23)::
| Đỏ[7:0] | XANH Lá[7:0] | XANH DươNG[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
Các màu cơ bản:
| Màu | Tên HTML / CSS | Mã Hex #RRGGBB |
Mã thập phân (R,G,B) |
|---|---|---|---|
| Đen | #000000 | (0,0,0) | |
| Trắng | #FFFFFF | (255,255,255) | |
| Lime | #FF0000 | (255,0,0) | |
| Lime | #00FF00 | (0,255,0) | |
| Xanh dương | #0000FF | (0,0,255) | |
| Vàng | #FFFF00 | (255,255,0) | |
| cyan | #00FFFF | (0,255,255) | |
| Magenta / Fuchsia | #FF00FF | (255,0,255) | |
| Bạc | #C0C0C0 | (192,192,192) | |
| Xám | #808080 | (128,128,128) | |
| Nâu đỏ | #800000 | (128,0,0) | |
| Olive | #808000 | (128,128,0) | |
| Xanh lá | #008000 | (0,128,0) | |
| Tím | #800080 | (128,0,128) | |
| Xanh đậm (Teal) | #008080 | (0,128,128) | |
| Xanh hải quân | #000080 | (0,0,128) |
| Màu | Tên màu | Mã Hex | Mã thập phân | |
|---|---|---|---|---|
| Nâu đỏ | #800000 | (128,0,0) | ||
| đỏ đậm | #8B0000 | (139,0,0) | ||
| nâu | #A52A2A | (165,42,42) | ||
| firebrick | #B22222 | (178,34,34) | ||
| crimson | #DC143C | (220,20,60) | ||
| cà chua | #FF0000 | (255,0,0) | ||
| cà chua | #FF6347 | (255,99,71) | ||
| san hô | #FF7F50 | (255,127,80) | ||
| đỏ Ấn Độ | #CD5C5C | (205,92,92) | ||
| san hô nhạt | #F08080 | (240,128,128) | ||
| cá hồi đậm | #E9967A | (233,150,122) | ||
| cá hồi | #FA8072 | (250,128,114) | ||
| cá hồi nhạt | #FFA07A | (255,160,122) | ||
| đỏ cam | #FF4500 | (255,69,0) | ||
| cam đậm | #FF8C00 | (255,140,0) | ||
| cam | #FFA500 | (255,165,0) | ||
| vàng gold | #FFD700 | (255,215,0) | ||
| golden rod đậm | #B8860B | (184,134,11) | ||
| golden rod | #DAA520 | (218,165,32) | ||
| golden rod nhạt | #EEE8AA | (238,232,170) | ||
| khaki đậm | #BDB76B | (189,183,107) | ||
| khaki | #F0E68C | (240,230,140) | ||
| Olive | #808000 | (128,128,0) | ||
| Vàng | #FFFF00 | (255,255,0) | ||
| vàng xanh | #9ACD32 | (154,205,50) | ||
| xanh olive đậm | #556B2F | (85,107,47) | ||
| olive drab | #6B8E23 | (107,142,35) | ||
| lawn green | #7CFC00 | (124,252,0) | ||
| chartreuse | #7FFF00 | (127,255,0) | ||
| xanh vàng | #ADFF2F | (173,255,47) | ||
| xanh lá đậm | #006400 | (0,100,0) | ||
| Xanh lá | #008000 | (0,128,0) | ||
| xanh rừng | #228B22 | (34,139,34) | ||
| Lime | #00FF00 | (0,255,0) | ||
| lime green | #32CD32 | (50,205,50) | ||
| xanh lá nhạt | #90EE90 | (144,238,144) | ||
| xanh nhạt | #98FB98 | (152,251,152) | ||
| xanh biển đậm | #8FBC8F | (143,188,143) | ||
| medium spring green | #00FA9A | (0,250,154) | ||
| spring green | #00FF7F | (0,255,127) | ||
| sea green | #2E8B57 | (46,139,87) | ||
| medium aqua marine | #66CDAA | (102,205,170) | ||
| medium sea green | #3CB371 | (60,179,113) | ||
| light sea green | #20B2AA | (32,178,170) | ||
| xám slate đậm | #2F4F4F | (47,79,79) | ||
| Xanh đậm (Teal) | #008080 | (0,128,128) | ||
| cyan đậm | #008B8B | (0,139,139) | ||
| cyan | #00FFFF | (0,255,255) | ||
| cyan | #00FFFF | (0,255,255) | ||
| cyan nhạt | #E0FFFF | (224,255,255) | ||
| turquoise đậm | #00CED1 | (0,206,209) | ||
| turquoise | #40E0D0 | (64,224,208) | ||
| medium turquoise | #48D1CC | (72,209,204) | ||
| turquoise nhạt | #AFEEEE | (175,238,238) | ||
| aqua marine | #7FFFD4 | (127,255,212) | ||
| xanh phấn | #B0E0E6 | (176,224,230) | ||
| cadet blue | #5F9EA0 | (95,158,160) | ||
| steel blue | #4682B4 | (70,130,180) | ||
| cornflower blue | #6495ED | (100,149,237) | ||
| deep sky blue | #00BFFF | (0,191,255) | ||
| dodger blue | #1E90FF | (30,144,255) | ||
| xanh nhạt | #ADD8E6 | (173,216,230) | ||
| sky blue | #87CEEB | (135,206,235) | ||
| light sky blue | #87CEFA | (135,206,250) | ||
| midnight blue | #191970 | (25,25,112) | ||
| Xanh hải quân | #000080 | (0,0,128) | ||
| xanh đậm | #00008B | (0,0,139) | ||
| medium blue | #0000CD | (0,0,205) | ||
| Xanh dương | #0000FF | (0,0,255) | ||
| royal blue | #4169E1 | (65,105,225) | ||
| blue violet | #8A2BE2 | (138,43,226) | ||
| indigo | #4B0082 | (75,0,130) | ||
| dark slate blue | #483D8B | (72,61,139) | ||
| slate blue | #6A5ACD | (106,90,205) | ||
| medium slate blue | #7B68EE | (123,104,238) | ||
| medium purple | #9370DB | (147,112,219) | ||
| magenta đậm | #8B008B | (139,0,139) | ||
| violet đậm | #9400D3 | (148,0,211) | ||
| orchid đậm | #9932CC | (153,50,204) | ||
| medium orchid | #BA55D3 | (186,85,211) | ||
| tím | #800080 | (128,0,128) | ||
| thistle | #D8BFD8 | (216,191,216) | ||
| plum | #DDA0DD | (221,160,221) | ||
| violet | #EE82EE | (238,130,238) | ||
| magenta | #FF00FF | (255,0,255) | ||
| orchid | #DA70D6 | (218,112,214) | ||
| medium violet red | #C71585 | (199,21,133) | ||
| pale violet red | #DB7093 | (219,112,147) | ||
| deep pink | #FF1493 | (255,20,147) | ||
| hot pink | #FF69B4 | (255,105,180) | ||
| light pink | #FFB6C1 | (255,182,193) | ||
| hồng | #FFC0CB | (255,192,203) | ||
| antique white | #FAEBD7 | (250,235,215) | ||
| beige | #F5F5DC | (245,245,220) | ||
| bisque | #FFE4C4 | (255,228,196) | ||
| blanched almond | #FFEBCD | (255,235,205) | ||
| wheat | #F5DEB3 | (245,222,179) | ||
| corn silk | #FFF8DC | (255,248,220) | ||
| lemon chiffon | #FFFACD | (255,250,205) | ||
| light golden rod yellow | #FAFAD2 | (250,250,210) | ||
| vàng nhạt | #FFFFE0 | (255,255,224) | ||
| saddle brown | #8B4513 | (139,69,19) | ||
| sienna | #A0522D | (160,82,45) | ||
| chocolate | #D2691E | (210,105,30) | ||
| peru | #CD853F | (205,133,63) | ||
| sandy brown | #F4A460 | (244,164,96) | ||
| burly wood | #DEB887 | (222,184,135) | ||
| tan | #D2B48C | (210,180,140) | ||
| rosy brown | #BC8F8F | (188,143,143) | ||
| moccasin | #FFE4B5 | (255,228,181) | ||
| navajo white | #FFDEAD | (255,222,173) | ||
| peach puff | #FFDAB9 | (255,218,185) | ||
| misty rose | #FFE4E1 | (255,228,225) | ||
| lavender blush | #FFF0F5 | (255,240,245) | ||
| linen | #FAF0E6 | (250,240,230) | ||
| old lace | #FDF5E6 | (253,245,230) | ||
| papaya whip | #FFEFD5 | (255,239,213) | ||
| sea shell | #FFF5EE | (255,245,238) | ||
| mint cream | #F5FFFA | (245,255,250) | ||
| slate gray | #708090 | (112,128,144) | ||
| light slate gray | #778899 | (119,136,153) | ||
| light steel blue | #B0C4DE | (176,196,222) | ||
| lavender | #E6E6FA | (230,230,250) | ||
| floral white | #FFFAF0 | (255,250,240) | ||
| alice blue | #F0F8FF | (240,248,255) | ||
| ghost white | #F8F8FF | (248,248,255) | ||
| honeydew | #F0FFF0 | (240,255,240) | ||
| ivory | #FFFFF0 | (255,255,240) | ||
| azure | #F0FFFF | (240,255,255) | ||
| snow | #FFFAFA | (255,250,250) | ||
| đen | #000000 | (0,0,0) | ||
| dim gray | #696969 | (105,105,105) | ||
| gray / grey | #808080 | (128,128,128) | ||
| xám đậm | #A9A9A9 | (169,169,169) |
chọn màu sắc hoàn hảo là một trong những bước quan trọng nhất trong bất kỳ dự án kỹ thuật số nào. cho dù bạn đang thiết kế trang web, tạo logo, phát triển giao diện ứng dụng hay chỉ đơn giản là thử nghiệm các ý tưởng trực quan, việc lựa chọn màu sắc đóng vai trò trung tâm trong việc định hình kết quả cuối cùng. Để làm cho quá trình này dễ dàng hơn, nhanh hơn và trực quan hơn, chúng tôi đã tạo một công cụ hoàn toàn mới cho phép bạn tìm chính xác màu bạn cần bằng cách sử dụng chuột hoặc bằng cách nhập thủ công các giá trị RGB.
✔ Công cụ này được thiết kế cho bất kỳ ai thường xuyên làm việc với màu sắc và muốn có một cách đơn giản, chính xác và hiệu quả để chuyển đổi các giá trị rgb thành bản xem trước màu trực quan và mã thập lục phân rõ ràng.
✔ Công cụ tìm màu RGB của chúng tôi được thiết kế chú trọng đến khả năng sử dụng. Nó mang lại trải nghiệm tương tác mượt mà, giúp bạn khám phá màu sắc một cách trực quan hoặc bằng số, tùy theo sở thích của bạn. Cho dù bạn là nhà thiết kế thích kéo thanh trượt để tìm sắc thái hoàn hảo hay nhà phát triển cần nhập các giá trị RGB chính xác, công cụ này sẽ điều chỉnh theo quy trình làm việc của bạn.
✔ Giao diện rõ ràng, nhạy bén và được tối ưu hóa cho cả máy tính để bàn và thiết bị di động, đảm bảo rằng bạn có thể sử dụng nó bất cứ khi nào cảm hứng xuất hiện.
✔ Một trong những tính năng mạnh mẽ nhất của công cụ này là khả năng điều chỉnh màu sắc bằng chuột. Với một cử chỉ kéo đơn giản, bạn có thể khám phá toàn bộ các giá trị màu đỏ, xanh lục và xanh lam.
✔ Phương pháp trực quan này hoàn hảo cho những người dùng muốn thử nghiệm các tông màu và sự kết hợp khác nhau mà không cần biết trước các giá trị số chính xác. Khi bạn di chuyển thanh trượt, công cụ sẽ cập nhật ngay hộp xem trước, cung cấp cho bạn phản hồi theo thời gian thực về màu bạn đang tạo.
✔ Điều này giúp bạn dễ dàng tinh chỉnh các sắc thái, so sánh các biến thể và khám phá các ý tưởng màu mới mà bạn có thể chưa từng cân nhắc.
✔ Đối với những người dùng thích độ chính xác, công cụ này cũng cho phép bạn nhập ba giá trị RGB theo cách thủ công. Điều này đặc biệt hữu ích cho các nhà phát triển làm việc với các bảng màu, nguyên tắc thương hiệu hoặc thành phần giao diện người dùng cụ thể yêu cầu khớp màu chính xác.
✔ Chỉ cần nhập các giá trị cho màu đỏ, xanh lục và xanh lam và công cụ sẽ ngay lập tức hiển thị màu tương ứng cùng với biểu diễn thập lục phân của nó. Hệ thống đầu vào kép này đảm bảo rằng công cụ này đủ linh hoạt để hỗ trợ cả hoạt động khám phá sáng tạo và độ chính xác về mặt kỹ thuật.
✔ Một ưu điểm chính khác của công cụ này là khả năng tự động chuyển đổi từ RGB sang HEX. Nhiều nhà thiết kế và phát triển thường xuyên chuyển đổi giữa hai định dạng này, đặc biệt khi làm việc với CSS, phần mềm thiết kế hoặc thương hiệu kỹ thuật số. Thay vì tính toán mã thập lục phân theo cách thủ công hoặc tìm kiếm bộ chuyển đổi bên ngoài, công cụ của chúng tôi sẽ thực hiện công việc đó cho bạn ngay lập tức. Ngay khi bạn chọn hoặc nhập giá trị RGB, mã HEX sẽ xuất hiện ở định dạng chữ hoa, sẵn sàng để sao chép và sử dụng trong dự án của bạn.
✔ Điều này giúp tiết kiệm thời gian, giảm sai sót và hợp lý hóa quy trình làm việc của bạn.
✔ Ngoài chức năng cốt lõi, RGB Color Finder còn được thiết kế mang tính giáo dục. Đối với người mới bắt đầu, nó cung cấp một cách đơn giản để hiểu cách kết hợp các giá trị RGB để tạo ra các màu khác nhau. Bằng cách điều chỉnh thanh trượt hoặc nhập số, người dùng có thể thấy việc tăng hoặc giảm từng thành phần ảnh hưởng như thế nào đến kết quả cuối cùng.
✔ Điều này làm cho công cụ này trở thành một nguồn tài nguyên tuyệt vời dành cho sinh viên, những người có sở thích và bất kỳ ai đang tìm hiểu về lý thuyết màu sắc kỹ thuật số.
✔ Công cụ này cũng lý tưởng cho những chuyên gia cần một công cụ chọn màu đáng tin cậy hoạt động trực tiếp trong trình duyệt mà không cần bất kỳ cài đặt hoặc plugin nào. Cho dù bạn đang xây dựng một trang web, thiết kế giao diện người dùng hay chuẩn bị minh họa kỹ thuật số, việc truy cập nhanh vào bộ chọn màu chính xác và trực quan có thể tăng tốc đáng kể quá trình sáng tạo của bạn.
✔ Thiết kế gọn nhẹ đảm bảo thời gian tải nhanh và giao diện được tối ưu hóa rõ ràng và dễ sử dụng.
Trong một thế giới nơi nhận dạng hình ảnh quan trọng hơn bao giờ hết, việc có các công cụ phù hợp để quản lý màu sắc là điều cần thiết. Công cụ tìm màu RGB của chúng tôi kết hợp sự đơn giản, chính xác và linh hoạt vào một giao diện thân thiện với người dùng. Cho dù bạn đang khám phá màu sắc bằng chuột hay nhập các giá trị RGB chính xác, công cụ này sẽ cung cấp cho bạn mọi thứ bạn cần để tìm ra sắc thái hoàn hảo và chuyển đổi nó ngay lập tức thành mã HEX có thể sử dụng được.
Nó nhanh chóng, chính xác và được thiết kế để hỗ trợ cả công việc sáng tạo và kỹ thuật.
Hãy để lại bình luận hoặc câu hỏi bên dưới |
![]() |
Máy tính đơn giản |
![]() |
Máy tính khoa học |
![]() |
Máy tính diện tích |
![]() |
Máy tính thể tích |
![]() |
Bộ chuyển đổi đơn vị |
![]() |
Máy tính vành khuyên |
![]() |
Công cụ chuyển đổi dữ liệu |
![]() |
Trình nén hình ảnh |
![]() |
Trình nén tệp |
![]() |
Bộ chọn màu RGB |
![]() |
Chuyển đổi tệp sang PDF |
![]() |
Máy tính bo góc CSS |
![]() |
Máy tính đổ bóng CSS |
![]() |
Máy tính biến đổi CSS |
![]() |
Trình kiểm tra độ phản hồi thiết bị |
![]() |
Chuyển đổi múi giờ và chênh lệch ngày |
![]() |
Máy tính phần trăm |
![]() |
Trình khám phá xu hướng GitHub |
![]() |
Công cụ so sánh xu hướng |
![]() |
Trình tạo mã QR |
![]() |
Công cụ so sánh tệp trực tuyến |
![]() |
Kiểm tra tốc độ trang web miễn phí |
![]() |
CV tốt nhất của bạn |
![]() |
Cải thiện SEO với hình ảnh WebP nhẹ |
dzosoft.com © 2022 - 2026 Tác giả: Ing. A. Nasri. Mọi quyền được bảo lưu.
Chúng tôi sử dụng cookie để giúp bạn điều hướng hiệu quả và thực hiện một số chức năng. Bạn sẽ tìm thấy thông tin chi tiết về tất cả cookie trong từng danh mục đồng ý bên dưới. Các cookie được phân loại là “Cần thiết” được lưu trên trình duyệt của bạn vì chúng cần thiết cho các chức năng cơ bản của trang.
Chúng tôi cũng sử dụng cookie của bên thứ ba giúp phân tích cách bạn sử dụng trang web này, lưu tùy chọn của bạn,
và cung cấp nội dung và quảng cáo phù hợp với bạn. Những cookie này chỉ được lưu khi bạn đồng ý trước.
với sự đồng ý trước của bạn.
Bạn có thể bật hoặc tắt một phần hoặc tất cả các cookie này, nhưng việc tắt một số cookie có thể ảnh hưởng đến trải nghiệm duyệt web của bạn.
Bằng cách nhấp vào “Chấp nhận”, bạn đồng ý với việc sử dụng cookie như mô tả trong
Chính sách bảo mật.
Cookie cần thiết được yêu cầu để kích hoạt các tính năng cơ bản của trang web, chẳng hạn như đăng nhập an toàn hoặc điều chỉnh tùy chọn quyền riêng tư của bạn. Những cookie này không lưu trữ bất kỳ dữ liệu nhận dạng cá nhân nào.
Cookie chức năng giúp thực hiện các chức năng như chia sẻ nội dung của trang web lên các nền tảng mạng xã hội, thu thập phản hồi và các tính năng của bên thứ ba khác.
Cookie phân tích được sử dụng để hiểu cách khách truy cập tương tác với trang web. Những cookie này cung cấp thông tin về các chỉ số như số lượng khách truy cập, tỷ lệ thoát, nguồn truy cập, v.v.
Cookie hiệu suất được sử dụng để hiểu và phân tích các chỉ số hiệu suất chính của trang web nhằm mang lại trải nghiệm tốt hơn cho người dùng.
Cookie quảng cáo được sử dụng để cung cấp cho khách truy cập các quảng cáo được cá nhân hóa dựa trên các trang bạn đã truy cập trước đó và để phân tích hiệu quả của các chiến dịch quảng cáo.