#02bfd8
十六進の色コード十六進の色コード#02bfd8
シアン色の色合いです。光の三原色RGBにおいて色モデル#02bfd8
は0.78%の赤色、74.9%の绿色、84.71%の青色でできている。HSLで色彩空間#02bfd8
は187.01度の色調、98.17%の彩度、42.75%の明るさを有している。この色は約502 nmの波長である。
#02bfd8
情報反転
#fd4027 25% 飽和度
#00c0da 濃淡階調
#6d6d6d
rgb(2, 191, 216)
rgba(2, 191, 216, 1.0)
赤色:0.7843%、黄色:40.1421%、青色:84.7059%
#02bfd8
180184
-16597032 / 0xff02bfd8
hsl(187, 98%, 43%)
hsla(187, 98%, 43%, 1.0)
色調:187(187.0093)、彩度:99(99.0741)、値:85(84.7059)
X:31.0505、Y:42.2324、Z:71.4809
x:0.2145、y:0.2917、Y:42.2324
L:71.0308、a:-30.7723、b:-23.7696
L:71.0308、u:-52.2065、v:-33.1616
L:71.0308、C:38.8835、H:217.6837
L:64.9864、a:-28.439、b:-19.7246
シアン色:99(0.9907)、マゼンタ色:12(0.1157)、黄色:0(0)、黒色:15(0.1529)
シアン色:99(0.9922)、マゼンタ色:25(0.251)、黄色:15(0.1529)
Y:137.339、I:-120.6219、Q:-32.1868
Y:137.339、U:38.7095、V:-118.7352
Y:137.339、Db:118.375、Dr:257.362
Y:133.946、Cb:166.947、Cr:43.254
Y:152.543、Pb:34.235、Pr:-95.65
10BG 7/8近似、完全一致:Munsell 10BG 7/8 / #34bfd2
#02bfd8
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02bfd8
黒まで#02bfd8
白まで#02bfd8
前景
<p style="color: #02bfd8; background-color: #000">#02bfd8前景</p>
#02bfd8
背景
<p style="background-color: #02bfd8">#02bfd8背景</p>
#02bfd8
境界
<p style="border: #02bfd8 3px solid">#02bfd8境界</p>
#02bfd8
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bfd8, #fff); background: -webkit-radial-gradient(50% 50%, #02bfd8, #fff); background: -o-radial-gradient(50% 50%, #02bfd8, #fff); background: -ms-radial-gradient(50% 50%, #02bfd8, #fff); background: radial-gradient(50% 50%, #02bfd8, #fff)">#02bfd8放射状グラデーション</p>
#02bfd8
を補足するための#d81a01
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bfd8, #d81a01); background: -webkit-linear-gradient(top, #02bfd8, #d81a01); background: -o-linear-gradient(top, #02bfd8, #d81a01); background: -ms-linear-gradient(top, #02bfd8, #d81a01); background: linear-gradient(top, #02bfd8, #d81a01); color: #000">
#02bfd8
を補足するための#d81a01
線上グラデーション</p>
#02bfd8
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bfd8">#02bfd8テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02bfd8
に関連している順番で並べらられている。関連は、十六進法の色#02bfd8
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: