#02c7d0
十六進の色コード十六進の色コード#02c7d0
シアン色の色合いです。光の三原色RGBにおいて色モデル#02c7d0
は0.78%の赤色、78.04%の绿色、81.57%の青色でできている。HSLで色彩空間#02c7d0
は182.62度の色調、98.1%の彩度、41.18%の明るさを有している。この色は約505 nmの波長である。
#02c7d0
情報反転
#fd382f 25% 飽和度
#00c8d2 濃淡階調
#696969
rgb(2, 199, 208)
rgba(2, 199, 208, 1.0)
赤色:0.7843%、黄色:40.2744%、青色:81.5686%
#02c7d0
182224
-16594992 / 0xff02c7d0
hsl(183, 98%, 41%)
hsla(183, 98%, 41%, 1.0)
色調:183(182.6214)、彩度:99(99.0385)、値:82(81.5686)
X:31.8336、Y:45.4138、Z:66.7624
x:0.2211、y:0.3154、Y:45.4138
L:73.1635、a:-37.094、b:-16.1804
L:73.1635、u:-55.5664、v:-19.8076
L:73.1635、C:40.4694、H:203.5669
L:67.3898、a:-33.6122、b:-11.5652
シアン色:99(0.9904)、マゼンタ色:4(0.0433)、黄色:0(0)、黒色:18(0.1843)
シアン色:99(0.9922)、マゼンタ色:22(0.2196)、黄色:18(0.1843)
Y:141.123、I:-120.2474、Q:-38.8566
Y:141.123、U:32.9106、V:-122.0551
Y:141.123、Db:100.647、Dr:264.554
Y:137.194、Cb:161.107、Cr:40.878
Y:157.687、Pb:27.155、Pr:-98.914
7.5BG 7/8近似、完全一致:Munsell 7.5BG 7/8 / #37c0c8
#02c7d0
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02c7d0
黒まで#02c7d0
白まで#02c7d0
前景
<p style="color: #02c7d0; background-color: #000">#02c7d0前景</p>
#02c7d0
背景
<p style="background-color: #02c7d0">#02c7d0背景</p>
#02c7d0
境界
<p style="border: #02c7d0 3px solid">#02c7d0境界</p>
#02c7d0
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c7d0, #fff); background: -webkit-radial-gradient(50% 50%, #02c7d0, #fff); background: -o-radial-gradient(50% 50%, #02c7d0, #fff); background: -ms-radial-gradient(50% 50%, #02c7d0, #fff); background: radial-gradient(50% 50%, #02c7d0, #fff)">#02c7d0放射状グラデーション</p>
#02c7d0
を補足するための#d00a01
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c7d0, #d00a01); background: -webkit-linear-gradient(top, #02c7d0, #d00a01); background: -o-linear-gradient(top, #02c7d0, #d00a01); background: -ms-linear-gradient(top, #02c7d0, #d00a01); background: linear-gradient(top, #02c7d0, #d00a01); color: #000">
#02c7d0
を補足するための#d00a01
線上グラデーション</p>
#02c7d0
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c7d0">#02c7d0テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02c7d0
に関連している順番で並べらられている。関連は、十六進法の色#02c7d0
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: