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

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

本詞條是多義詞,共2個義項
更多義項 ▼ 收起列表 ▲

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

熱門詞條

聯絡我們