66ccff(十六進制顏色代碼)

#66CCFF 是十六進制顏色代碼，轉換為RGB為（102，204，255）天藍色 具體顏色如圖（可能因為顯示器等原因會產生誤差）以下為PhotoShop上的顏色選擇界面上的天藍色。

此外，由於V家虛擬歌手洛天依角色形象主要顏色為天藍色，故該顏色又被V家冬粉們稱為天依藍。

基本介紹

• 中文名：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

配色方法

PHOTOSHOP:

打開photoshop，在顏色的拾色器里可以看各種顏色的代碼，直接輸入66CCFF。

windows系統中調色:

打開windows自帶畫圖程式或美圖秀秀、QQ等其他軟體設定調配顏色時，輸入RGB值（102，204，255），如右圖。

詳細信息

基本屬性

#66ccff RGB顏色值(102，204，255)。

該顏色也是一種web安全色（相當於#6cf）。

#66ccff 顏色紅色值（R）為102,綠色值(G)為204,藍色值(B)是255。

該顏色的HSL信息：色調:0.56,飽和度:1.00，明度值:0.70。

印刷顏色(四色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

相關代碼

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>