#015f66
十六進の色コード十六進の色コード#015f66
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#015f66
は0.39%の赤色、37.25%の绿色、40%の青色でできている。HSLで色彩空間#015f66
は184.16度の色調、98.06%の彩度、20.2%の明るさを有している。この色は約504 nmの波長である。
#015f66
情報反転
#fea099 25% 飽和度
#005f67 濃淡階調
#333333
25% 明るく
#01767f オリジナル
#015f66 25% 暗く
#00474c
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0d5459 ウェブセーフ:teal
#008080
rgb(1, 95, 102)
rgba(1, 95, 102, 1.0)
赤色:0.3922%、黄色:19.4852%、青色:40%
#015f66
89958
-16687258 / 0xff015f66
hsl(184, 98%, 20%)
hsla(184, 98%, 20%, 1.0)
色調:184(184.1584)、彩度:99(99.0196)、値:40(40)
X:6.503、Y:9.1502、Z:13.9938
x:0.2193、y:0.3086、Y:9.1502
L:36.2719、a:-20.8089、b:-10.8065
L:36.2719、u:-27.2511、v:-11.769
L:36.2719、C:23.4476、H:207.4438
L:30.2493、a:-14.5622、b:-6.254
シアン色:99(0.9902)、マゼンタ色:7(0.0686)、黄色:0(0)、黒色:60(0.6)
シアン色:100(0.9961)、マゼンタ色:63(0.6275)、黄色:60(0.6)
Y:67.692、I:-58.2461、Q:-17.6989
Y:67.692、U:16.8832、V:-58.5101
Y:67.692、Db:51.631、Dr:126.821
Y:74.133、Cb:144.985、Cr:86.237
Y:75.482、Pb:14.31、Pr:-47.322
7.5BG 4/6(近似の)
#015f66
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#015f66
黒まで#015f66
白まで#015f66
前景
<p style="color: #015f66">#015f66前景</p>
#015f66
背景
<p style="background-color: #015f66; color: #fff">#015f66背景</p>
#015f66
境界
<p style="border: #015f66 3px solid">#015f66境界</p>
#015f66
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #015f66, #fff); background: -webkit-radial-gradient(50% 50%, #015f66, #fff); background: -o-radial-gradient(50% 50%, #015f66, #fff); background: -ms-radial-gradient(50% 50%, #015f66, #fff); background: radial-gradient(50% 50%, #015f66, #fff); color: #fff">#015f66放射状グラデーション</p>
#015f66
を補足するための#660700
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #015f66, #660700); background: -webkit-linear-gradient(top, #015f66, #660700); background: -o-linear-gradient(top, #015f66, #660700); background: -ms-linear-gradient(top, #015f66, #660700); background: linear-gradient(top, #015f66, #660700); color: #fff">
#015f66
を補足するための#660700
線上グラデーション</p>
#015f66
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #015f66">#015f66テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#015f66
に関連している順番で並べらられている。関連は、十六進法の色#015f66
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: