#02d554
十六進の色コード十六進の色コード#02d554
青シアン色の色合いです。光の三原色RGBにおいて色モデル#02d554
は0.78%の赤色、83.53%の绿色、32.94%の青色でできている。HSLで色彩空間#02d554
は143.32度の色調、98.14%の彩度、42.16%の明るさを有している。この色は約530 nmの波長である。
#02d554
情報反転
#fd2aab 25% 飽和度
#00d753 濃淡階調
#6b6b6b
rgb(2, 213, 84)
rgba(2, 213, 84, 1.0)
赤色:0.7843%、黄色:60.3721%、青色:83.5294%
#02d554
185684
-16591532 / 0xff02d554
hsl(143, 98%, 42%)
hsla(143, 98%, 42%, 1.0)
色調:143(143.3175)、彩度:99(99.061)、値:84(83.5294)
X:25.4195、Y:48.2415、Z:16.3593
x:0.2824、y:0.5359、Y:48.2415
L:74.977、a:-70.001、b:50.5328
L:74.977、u:-68.6607、v:73.7449
L:74.977、C:86.3348、H:144.175
L:69.4561、a:-56.2208、b:34.6544
シアン色:99(0.9906)、マゼンタ色:0(0)、黄色:61(0.6056)、黒色:16(0.1647)
シアン色:99(0.9922)、マゼンタ色:16(0.1647)、黄色:67(0.6706)
Y:135.205、I:-84.2531、Q:-84.7536
Y:135.205、U:-25.1974、V:-116.8637
Y:135.205、Db:-77.007、Dr:253.27
Y:132.098、Cb:102.597、Cr:44.53
Y:158.769、Pb:-40.235、Pr:-99.566
10GY 7/14近似、完全一致:Munsell 10GY 7/14 / #44c83f
#02d554
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02d554
黒まで#02d554
白まで#02d554
前景
<p style="color: #02d554; background-color: #000">#02d554前景</p>
#02d554
背景
<p style="background-color: #02d554">#02d554背景</p>
#02d554
境界
<p style="border: #02d554 3px solid">#02d554境界</p>
#02d554
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d554, #fff); background: -webkit-radial-gradient(50% 50%, #02d554, #fff); background: -o-radial-gradient(50% 50%, #02d554, #fff); background: -ms-radial-gradient(50% 50%, #02d554, #fff); background: radial-gradient(50% 50%, #02d554, #fff)">#02d554放射状グラデーション</p>
#02d554
を補足するための#d50183
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d554, #d50183); background: -webkit-linear-gradient(top, #02d554, #d50183); background: -o-linear-gradient(top, #02d554, #d50183); background: -ms-linear-gradient(top, #02d554, #d50183); background: linear-gradient(top, #02d554, #d50183); color: #000">
#02d554
を補足するための#d50183
線上グラデーション</p>
#02d554
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d554">#02d554テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02d554
に関連している順番で並べらられている。関連は、十六進法の色#02d554
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: