-
66ccff
(十六進制顏色代碼)
鎖定
- 中文名
- 66ccff
- 外文名
- Sky blue
- #66CCFF
- 十六進制顏色代碼
- 顏 色
- 天藍色,天依藍
- RGB
- (102,204,255)
- photoshop
- 在顏色的拾色器
- 其它軟件
- windows畫圖程序或美圖秀秀等
- HSL
- 0.56,1.00,0.70
- HSV
- 200°60°100°
- CMYK
- 0.60,0.20,0.00,0.00
- XYZ
- 45.1224,53.2305,102.5041
- Yxy
- 53.2305,0.2246,0.2650
- Hunter Lab
- 72.9592,-17.2835,-32.2280
- CIE-Lab
- 78.0109,-15.1685,-33.9277
66ccff配色方法
PHOTOSHOP:
PS上的顏色選擇(2張)
windows系統中調色:
66ccff詳細信息
基本屬性
#66ccff RGB顏色值(102,204,255)。
該顏色也是一種web安全色(相當於#6cf)。
#66ccff 顏色紅色值(R)為102,綠色值(G)為204,藍色值(B)是255。
印刷顏色(四色CMYK):0.60,0.20,0.00,0.00。
對應的網絡安全色#66ccff
該顏色以藍色為主。
該顏色的RGB佔比:18.18%,36.36%,45.45%
該顏色的CMYK佔比:60%,20%,0%,0%
該顏色的進制轉換:
進制 | 紅(red) | 綠(green) | 藍(blue) |
Binary(二進制) | 01100110 | 11001100 | 11111111 |
Octal(八進制) | 146 | 314 | 377 |
Decimal(十進制) | 102 | 204 | 255 |
Hex(十六進制) | 66 | CC | FF |
只針對整個十六進制數66CCFF的相關進制轉換:
二進制:011001101100110011111111
八進制:31546377
十進制:6737151
十六進制:66CCFF
與其相關的其他顏色:
漸變色:
#66ccff
#5bb7e5
#51a3cc
#478eb2
#3d7a99
#33667f
#285166
#1e3d4c
#142833
#0a1419
#000000
不同色調的顏色:
#66ccff
#75d1ff
#84d6ff
#93dbff
#a3e0ff
#b2e5ff
#c1eaff
#d1efff
#e0f4ff
#eff9ff
#ffffff
該顏色的不同組合(RGB調換):
#66ccff
#ff66cc
#ccff66
與該顏色相似的其他顏色:
#66ccff
#6680ff
#66ffe6
單色調:
#1ab3ff
#33bbff
#4dc4ff
#66ccff
#80d5ff
#99ddff
#b3e6ff
互補色:
#ff9966
66ccff相關代碼
CSS示例
.mybgcolor {background-color:#66ccff; } .myforecolor {color:#66ccff; }.mybordercolor {border:3px solid #66ccff; }
css3:
.textShadowRgb { text-shadow: 4px 4px 2px rgba(102,204,255, 0.8); } .textShadowHex { text-shadow: 4px 4px 2px #66ccff; }.divShadow { -moz-box-shadow: 1px 1px 3px 2px #66ccff; -webkit-box-shadow: 1px 1px 3px 2px #66ccff; box-shadow: 1px 1px 3px 2px #66ccff; }
HTML示例
設置字體顏色
<p style="color:#66ccff">Text here</p>
設置背景色
<div style="background-color:#66ccff">Div content here</div>
設置邊框顏色
<div style="border:3px solid #66ccff">Div here</div>
文字陰影效果(十進制RGB格式)
<p style="text-shadow: 4px 4px 2px rgba(102,204,255, 0.8);">Text here</p>
文字陰影效果(十六進制格式)
<p style="text-shadow: 4px 4px 2px #66ccff">Text here</p>
Div Box Shadow
<div style="-moz-box-shadow: 1px 1px 3px 2px #66ccff; -webkit-box-shadow: 1px 1px 3px 2px #66ccff; box-shadow: 1px 1px 3px 2px #66ccff;">Div content here</div>
- 參考資料
-
- 1. #66ccff Color Hex .Color Hex[引用日期2017-03-10]