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