#02c4d3
十六進の色コード十六進の色コード#02c4d3
シアン色の色合いです。光の三原色RGBにおいて色モデル#02c4d3
は0.78%の赤色、76.86%の绿色、82.75%の青色でできている。HSLで色彩空間#02c4d3
は184.31度の色調、98.12%の彩度、41.76%の明るさを有している。この色は約504 nmの波長である。
#02c4d3
情報反転
#fd3b2c 25% 飽和度
#00c5d4 濃淡階調
#6a6a6a
rgb(2, 196, 211)
rgba(2, 196, 211, 1.0)
赤色:0.7843%、黄色:40.2394%、青色:82.7451%
#02c4d3
181459
-16595757 / 0xff02c4d3
hsl(184, 98%, 42%)
hsla(184, 98%, 42%, 1.0)
色調:184(184.3062)、彩度:99(99.0521)、値:83(82.7451)
X:31.5228、Y:44.1959、Z:68.4973
x:0.2186、y:0.3065、Y:44.1959
L:72.3592、a:-34.7609、b:-19.0263
L:72.3592、u:-54.3059、v:-24.7907
L:72.3592、C:39.6273、H:208.694
L:66.48、a:-31.7006、b:-14.5531
シアン色:99(0.9905)、マゼンタ色:7(0.0711)、黄色:0(0)、黒色:17(0.1725)
シアン色:99(0.9922)、マゼンタ色:23(0.2314)、黄色:17(0.1725)
Y:139.704、I:-120.3878、Q:-36.3554
Y:139.704、U:35.0852、V:-120.8101
Y:139.704、Db:107.295、Dr:261.857
Y:135.976、Cb:163.297、Cr:41.769
Y:155.758、Pb:29.81、Pr:-97.69
10BG 7/8近似、完全一致:Munsell 10BG 7/8 / #34bfd2
#02c4d3
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02c4d3
黒まで#02c4d3
白まで#02c4d3
前景
<p style="color: #02c4d3; background-color: #000">#02c4d3前景</p>
#02c4d3
背景
<p style="background-color: #02c4d3">#02c4d3背景</p>
#02c4d3
境界
<p style="border: #02c4d3 3px solid">#02c4d3境界</p>
#02c4d3
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c4d3, #fff); background: -webkit-radial-gradient(50% 50%, #02c4d3, #fff); background: -o-radial-gradient(50% 50%, #02c4d3, #fff); background: -ms-radial-gradient(50% 50%, #02c4d3, #fff); background: radial-gradient(50% 50%, #02c4d3, #fff)">#02c4d3放射状グラデーション</p>
#02c4d3
を補足するための#d31101
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c4d3, #d31101); background: -webkit-linear-gradient(top, #02c4d3, #d31101); background: -o-linear-gradient(top, #02c4d3, #d31101); background: -ms-linear-gradient(top, #02c4d3, #d31101); background: linear-gradient(top, #02c4d3, #d31101); color: #000">
#02c4d3
を補足するための#d31101
線上グラデーション</p>
#02c4d3
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c4d3">#02c4d3テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02c4d3
に関連している順番で並べらられている。関連は、十六進法の色#02c4d3
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: