色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：