Tên màu #00ccff

Vivid Sky Blue

Màu #00ccff ở định dạng RGB (0, 204, 255): 0%, 80%, 100% red, 0%, 80%, 100% green, 0%, 80%, 100% blue. #00ccff ở định dạng CMYK (100%, 20%, 0%, 0%): 100%, 20%, 0%, 0%. Trong mô hình màu HSL (192, 100%, 50%): 192, 100%, 50% độ, 192, 100%, 50% độ bão hòa, 192, 100%, 50% độ sáng. Các định dạng và trận đấu khác được trình bày dưới đây.

#00ccff
#1ad1ff
#33d6ff
#4ddbff
#66e0ff
#80e6ff
#99ebff
#b3f0ff
#ccf5ff
#e6faff
#ffffff

Định dạng màu

HEX

#00ccff

RYB

204, 0, 0

RGB

0, 204, 255

Decimal

52479

RGB %

0%, 80%, 100%

Websafe

#00ccff

CMYK

100%, 20%, 0%, 0%

Lab

76.32, -24.34, -36.68

HSL

192, 100%, 50%

XYZ

39.64, 50.41, 102.25

HSV

192, 100%, 100%

YIQ

148.82, -138.01, -27.13

Hunter-Lab

7.1, -1.94, -2.87

YUV

148.82, 52.25, -130.56

Android

0xFF00ccff

Yxy

50.41, 0.21, 0.26

Màu bổ sung

#00ccff
#00a2ff
#0077ff
#004dff
#008cff
#0062ff
#0037ff
#000dff
#004dff
#0022ff
#0800ff
#3300ff
#000dff
#1e00ff
#4800ff
#7300ff
#3300ff
#5d00ff
#8800ff
#b300ff
#7300ff
#9d00ff
#c800ff
#f200ff
#b300ff
#dd00ff
#ff00f7
#ff00cc

Phối màu

Complementary

#00ccff
#ff3300

Triad

#00ccff
#ff00cc
#ccff00

Tetrad

#00ccff
#b300ff
#ff3300
#4dff00

sắc thái

#00ccff
#00beee
#00b1dd
#00a3cc
#0096bb
#0088aa
#007a99
#006d88
#005f77
#005266
#004455
#003644
#002933
#001b22
#000e11

Tông màu tối

#00a3cc
#009bc2
#0093b8
#008bad
#0083a3
#007a99
#00728f
#006a85
#00627a
#005a70
#005266
#00495c
#004152
#003947
#00313d

Tông màu sáng

#00ccff
#00d4ff
#00dcff
#00e4ff
#00edff
#00f5ff
#00fdff
#00ffff
#00ffff
#00ffff
#00ffff
#00ffff
#00ffff
#00ffff
#00ffff

Đơn sắc

#00a3cc
#00a7d1
#00abd6
#00afdb
#00b4e0
#00b8e6
#00bceb
#00c0f0
#00c4f5
#00c8fa
#00ccff
#05cdff
#0aceff
#0fcfff
#14d0ff

Tương tự

#4dff00
#00ff33
#00ffb3
#00ccff
#004dff
#3300ff
#b300ff

Kiểu cho HTML (CSS)

Nền của khối này có màu #b300ff
<div style="background: #b300ff">Background</div>
div {background: #b300ff;}
Văn bản và đường viền của khối này được tô màu #00ccff
<div style="color: #00ccff">Text</div>
div {color: #b300ff;}
<div style="border: 1px solid #00ccff">Border</div>
div {border: 1px solid #00ccff;}