#02d3ed
十六進の色コード十六進の色コード#02d3ed
シアン色の色合いです。光の三原色RGBにおいて色モデル#02d3ed
は0.78%の赤色、82.75%の绿色、92.94%の青色でできている。HSLで色彩空間#02d3ed
は186.64度の色調、98.33%の彩度、46.86%の明るさを有している。この色は約502 nmの波長である。
#02d3ed
情報反転
#fd2c12 25% 飽和度
#00d4ee 濃淡階調
#777777
rgb(2, 211, 237)
rgba(2, 211, 237, 1.0)
赤色:0.7843%、黄色:44.1645%、青色:92.9412%
#02d3ed
185325
-16591891 / 0xff02d3ed
hsl(187, 98%, 47%)
hsla(187, 98%, 47%, 1.0)
色調:187(186.6383)、彩度:99(99.1561)、値:93(92.9412)
X:38.6054、Y:52.7159、Z:88.2612
x:0.215、y:0.2935、Y:52.7159
L:77.7069、a:-33.6211、b:-24.9168
L:77.7069、u:-57.281、v:-35.0632
L:77.7069、C:41.8476、H:216.5423
L:72.6057、a:-32.1493、b:-21.2504
シアン色:99(0.9916)、マゼンタ色:11(0.1097)、黄色:0(0)、黒色:7(0.0706)
シアン色:99(0.9922)、マゼンタ色:17(0.1725)、黄色:7(0.0706)
Y:151.473、I:-132.8575、Q:-36.1048
Y:151.473、U:42.0883、V:-131.1353
Y:151.473、Db:128.708、Dr:284.239
Y:146.084、Cb:170.346、Cr:34.403
Y:168.355、Pb:37.035、Pr:-105.696
10BG 8/8近似、完全一致:Munsell 10BG 8/8 / #52dbed
#02d3ed
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02d3ed
黒まで#02d3ed
白まで#02d3ed
前景
<p style="color: #02d3ed; background-color: #000">#02d3ed前景</p>
#02d3ed
背景
<p style="background-color: #02d3ed">#02d3ed背景</p>
#02d3ed
境界
<p style="border: #02d3ed 3px solid">#02d3ed境界</p>
#02d3ed
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d3ed, #fff); background: -webkit-radial-gradient(50% 50%, #02d3ed, #fff); background: -o-radial-gradient(50% 50%, #02d3ed, #fff); background: -ms-radial-gradient(50% 50%, #02d3ed, #fff); background: radial-gradient(50% 50%, #02d3ed, #fff)">#02d3ed放射状グラデーション</p>
#02d3ed
を補足するための#ed1c01
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d3ed, #ed1c01); background: -webkit-linear-gradient(top, #02d3ed, #ed1c01); background: -o-linear-gradient(top, #02d3ed, #ed1c01); background: -ms-linear-gradient(top, #02d3ed, #ed1c01); background: linear-gradient(top, #02d3ed, #ed1c01); color: #000">
#02d3ed
を補足するための#ed1c01
線上グラデーション</p>
#02d3ed
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d3ed">#02d3edテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02d3ed
に関連している順番で並べらられている。関連は、十六進法の色#02d3ed
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: