色見本
RGB
CMYK
RYB
#02c7bb十六進の色コード十六進の色コード#02c7bbシアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02c7bbは0.78%の赤色、78.04%の绿色、73.33%の青色でできている。HSLで色彩空間#02c7bbは176.35度の色調、98.01%の彩度、39.41%の明るさを有している。この色は約509 nmの波長である。
#02c7bb情報反転
#fd3844 25% 飽和度
#00c9bc 濃淡階調
#646464
rgb(2, 199, 187)
rgba(2, 199, 187, 1.0)
赤色：0.7843%、黄色：40.6252%、青色：78.0392%
#02c7bb
182203
-16595013 / 0xff02c7bb
hsl(176, 98%, 39%)
hsla(176, 98%, 39%, 1.0)
色調：176（176.3452）、彩度：99（98.995）、値：78（78.0392）
X：29.4181、Y：44.4476、Z：54.0425
x：0.23、y：0.3475、Y：44.4476
L：72.5267、a：-43.3635、b：-5.7191
L：72.5267、u：-57.2628、v：-2.1154
L：72.5267、C：43.739、H：187.5133
L：66.669、a：-37.9067、b：-1.3926
シアン色：99（0.9899）、マゼンタ色：0（0）、黄色：6（0.0603）、黒色：22（0.2196）
シアン色：99（0.9922）、マゼンタ色：22（0.2196）、黄色：27（0.2667）
Y：138.729、I：-113.5009、Q：-45.3905
Y：138.729、U：23.7546、V：-119.9549
Y：138.729、Db：72.654、Dr：259.997
Y：135.136、Cb：151.888、Cr：42.369
Y：156.175、Pb：16.655、Pr：-97.948
2.5BG 7/10（近似の）
#02c7bb配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02c7bb黒まで#02c7bb白まで#02c7bb前景
<p style="color: #02c7bb; background-color: #000">#02c7bb前景</p>
#02c7bb背景
<p style="background-color: #02c7bb">#02c7bb背景</p>
#02c7bb境界
<p style="border: #02c7bb 3px solid">#02c7bb境界</p>
#02c7bb放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c7bb, #fff); background: -webkit-radial-gradient(50% 50%, #02c7bb, #fff); background: -o-radial-gradient(50% 50%, #02c7bb, #fff); background: -ms-radial-gradient(50% 50%, #02c7bb, #fff); background: radial-gradient(50% 50%, #02c7bb, #fff)">#02c7bb放射状グラデーション</p>
#02c7bbを補足するための#c7010e線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c7bb, #c7010e); background: -webkit-linear-gradient(top, #02c7bb, #c7010e); background: -o-linear-gradient(top, #02c7bb, #c7010e); background: -ms-linear-gradient(top, #02c7bb, #c7010e); background: linear-gradient(top, #02c7bb, #c7010e); color: #000">#02c7bbを補足するための#c7010e線上グラデーション</p>
#02c7bbテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c7bb">#02c7bbテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02c7bbに関連している順番で並べらられている。関連は、十六進法の色#02c7bbの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：