#02beb6
十六進の色コード十六進の色コード#02beb6
シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02beb6
は0.78%の赤色、74.51%の绿色、71.37%の青色でできている。HSLで色彩空間#02beb6
は177.45度の色調、97.92%の彩度、37.65%の明るさを有している。この色は約508 nmの波長である。
#02beb6
情報反転
#fd4149 25% 飽和度
#00c0b7 濃淡階調
#606060
rgb(2, 190, 182)
rgba(2, 190, 182, 1.0)
赤色:0.7843%、黄色:38.4484%、青色:74.5098%
#02beb6
179894
-16597322 / 0xff02beb6
hsl(177, 98%, 38%)
hsla(177, 98%, 38%, 1.0)
色調:177(177.4468)、彩度:99(98.9474)、値:75(74.5098)
X:26.882、Y:40.2172、Z:50.6018
x:0.2284、y:0.3417、Y:40.2172
L:69.624、a:-40.8645、b:-7.2894
L:69.624、u:-54.6022、v:-4.9294
L:69.624、C:41.5095、H:190.114
L:63.417、a:-35.3151、b:-2.9168
シアン色:99(0.9895)、マゼンタ色:0(0)、黄色:4(0.0421)、黒色:25(0.2549)
シアン色:99(0.9922)、マゼンタ色:25(0.2549)、黄色:29(0.2863)
Y:132.876、I:-109.4245、Q:-42.2428
Y:132.876、U:24.1743、V:-114.8199
Y:132.876、Db:73.936、Dr:248.868
Y:130.11、Cb:152.312、Cr:46.036
Y:149.38、Pb:17.62、Pr:-93.632
5BG 7/8近似、完全一致:Munsell 5BG 7/8 / #3cc1be
#02beb6
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02beb6
黒まで#02beb6
白まで#02beb6
前景
<p style="color: #02beb6; background-color: #000">#02beb6前景</p>
#02beb6
背景
<p style="background-color: #02beb6">#02beb6背景</p>
#02beb6
境界
<p style="border: #02beb6 3px solid">#02beb6境界</p>
#02beb6
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02beb6, #fff); background: -webkit-radial-gradient(50% 50%, #02beb6, #fff); background: -o-radial-gradient(50% 50%, #02beb6, #fff); background: -ms-radial-gradient(50% 50%, #02beb6, #fff); background: radial-gradient(50% 50%, #02beb6, #fff)">#02beb6放射状グラデーション</p>
#02beb6
を補足するための#be0109
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02beb6, #be0109); background: -webkit-linear-gradient(top, #02beb6, #be0109); background: -o-linear-gradient(top, #02beb6, #be0109); background: -ms-linear-gradient(top, #02beb6, #be0109); background: linear-gradient(top, #02beb6, #be0109); color: #000">
#02beb6
を補足するための#be0109
線上グラデーション</p>
#02beb6
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02beb6">#02beb6テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02beb6
に関連している順番で並べらられている。関連は、十六進法の色#02beb6
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: