-
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]
