#3add7c
十六進の色コード十六進の色コード#3add7c
青シアン色の色合いです。光の三原色RGBにおいて色モデル#3add7c
は22.75%の赤色、86.67%の绿色、48.63%の青色でできている。HSLで色彩空間#3add7c
は144.29度の色調、70.56%の彩度、54.71%の明るさを有している。この色は約529 nmの波長である。
#3add7c
情報反転
#c52283 25% 飽和度
#25f178 濃淡階調
#8b8b8b
rgb(58, 221, 124)
rgba(58, 221, 124, 1.0)
赤色:22.7451%、黄色:68.2439%、青色:86.6667%
#3add7c
3857788
-12919428 / 0xff3add7c
hsl(144, 71%, 55%)
hsla(144, 71%, 55%, 1.0)
色調:144(144.2945)、彩度:74(73.7557)、値:87(86.6667)
X:31.2395、Y:54.0677、Z:27.8584
x:0.2761、y:0.4778、Y:54.0677
L:78.5012、a:-62.275、b:35.9648
L:78.5012、u:-64.1612、v:58.4307
L:78.5012、C:71.9141、H:149.9929
L:73.5307、a:-52.8432、b:29.0085
シアン色:74(0.7376)、マゼンタ色:0(0)、黄色:44(0.4389)、黒色:13(0.1333)
シアン色:77(0.7725)、マゼンタ色:13(0.1333)、黄色:51(0.5137)
Y:161.205、I:-65.9392、Q:-64.6474
Y:161.205、U:-18.3076、V:-90.544
Y:161.205、Db:-55.951、Dr:196.23
Y:154.442、Cb:109.541、Cr:63.33
Y:179.297、Pb:-29.755、Pr:-77.038
2.5G 8/12近似、完全一致:Munsell 2.5G 8/12 / #4ae48d
#3add7c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#3add7c
黒まで#3add7c
白まで#3add7c
前景
<p style="color: #3add7c; background-color: #000">#3add7c前景</p>
#3add7c
背景
<p style="background-color: #3add7c">#3add7c背景</p>
#3add7c
境界
<p style="border: #3add7c 3px solid">#3add7c境界</p>
#3add7c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3add7c, #fff); background: -webkit-radial-gradient(50% 50%, #3add7c, #fff); background: -o-radial-gradient(50% 50%, #3add7c, #fff); background: -ms-radial-gradient(50% 50%, #3add7c, #fff); background: radial-gradient(50% 50%, #3add7c, #fff)">#3add7c放射状グラデーション</p>
#3add7c
を補足するための#dc3a9a
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3add7c, #dc3a9a); background: -webkit-linear-gradient(top, #3add7c, #dc3a9a); background: -o-linear-gradient(top, #3add7c, #dc3a9a); background: -ms-linear-gradient(top, #3add7c, #dc3a9a); background: linear-gradient(top, #3add7c, #dc3a9a); color: #000">
#3add7c
を補足するための#dc3a9a
線上グラデーション</p>
#3add7c
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #3add7c">#3add7cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3add7c
に関連している順番で並べらられている。関連は、十六進法の色#3add7c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: