#02ecd5
十六進の色コード十六進の色コード#02ecd5
シアン色の色合いです。光の三原色RGBにおいて色モデル#02ecd5
は0.78%の赤色、92.55%の绿色、83.53%の青色でできている。HSLで色彩空間#02ecd5
は174.1度の色調、98.32%の彩度、46.67%の明るさを有している。この色は約510 nmの波長である。
#02ecd5
情報反転
#fd132a 25% 飽和度
#00edd6 濃淡階調
#767676
rgb(2, 236, 213)
rgba(2, 236, 213, 1.0)
赤色:0.7843%、黄色:49.0381%、青色:92.549%
#02ecd5
191701
-16585515 / 0xff02ecd5
hsl(174, 98%, 47%)
hsla(174, 98%, 47%, 1.0)
色調:174(174.1026)、彩度:99(99.1525)、値:93(92.549)
X:42.0307、Y:64.8079、Z:73.2447
x:0.2334、y:0.3599、Y:64.8079
L:84.3847、a:-51.7616、b:-2.1639
L:84.3847、u:-67.5585、v:4.7998
L:84.3847、C:51.8068、H:182.3938
L:80.5034、a:-47.6862、b:2.4083
シアン色:99(0.9915)、マゼンタ色:0(0)、黄色:10(0.0975)、黒色:7(0.0745)
シアン色:99(0.9922)、マゼンタ色:7(0.0745)、黄色:16(0.1647)
Y:163.412、I:-132.0085、Q:-56.6368
Y:163.412、U:24.4028、V:-141.6098
Y:163.412、Db:74.641、Dr:306.931
Y:156.332、Cb:152.535、Cr:26.907
Y:184.502、Pb:15.41、Pr:-115.942
2.5BG 8/10近似、完全一致:Munsell 2.5BG 8/10 / #23e1cd
#02ecd5
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02ecd5
黒まで#02ecd5
白まで#02ecd5
前景
<p style="color: #02ecd5; background-color: #000">#02ecd5前景</p>
#02ecd5
背景
<p style="background-color: #02ecd5">#02ecd5背景</p>
#02ecd5
境界
<p style="border: #02ecd5 3px solid">#02ecd5境界</p>
#02ecd5
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ecd5, #fff); background: -webkit-radial-gradient(50% 50%, #02ecd5, #fff); background: -o-radial-gradient(50% 50%, #02ecd5, #fff); background: -ms-radial-gradient(50% 50%, #02ecd5, #fff); background: radial-gradient(50% 50%, #02ecd5, #fff)">#02ecd5放射状グラデーション</p>
#02ecd5
を補足するための#eb0118
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ecd5, #eb0118); background: -webkit-linear-gradient(top, #02ecd5, #eb0118); background: -o-linear-gradient(top, #02ecd5, #eb0118); background: -ms-linear-gradient(top, #02ecd5, #eb0118); background: linear-gradient(top, #02ecd5, #eb0118); color: #000">
#02ecd5
を補足するための#eb0118
線上グラデーション</p>
#02ecd5
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ecd5">#02ecd5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02ecd5
に関連している順番で並べらられている。関連は、十六進法の色#02ecd5
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: