#005678
十六進の色コード十六進の色コード#005678
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#005678
は0%の赤色、33.73%の绿色、47.06%の青色でできている。HSLで色彩空間#005678
は197度の色調、100%の彩度、23.53%の明るさを有している。この色は約496 nmの波長である。
#005678
情報反転
#ffa987 25% 飽和度
#005677 濃淡階調
#3b3b3b
25% 明るく
#006b96 オリジナル
#005678 25% 暗く
#004059
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0f4f68 ウェブセーフ:teal
#008080
rgb(0, 86, 120)
rgba(0, 86, 120, 1.0)
赤色:0%、黄色:19.6459%、青色:47.0588%
#005678
22136
-16755080 / 0xff005678
hsl(197, 100%, 24%)
hsla(197, 100%, 24%, 1.0)
色調:197(197)、彩度:100(100)、値:47(47.0588)
X:6.718、Y:8.0116、Z:18.9616
x:0.1994、y:0.2378、Y:8.0116
L:34.0071、a:-8.8182、b:-25.4676
L:34.0071、u:-22.8211、v:-33.5937
L:34.0071、C:26.9511、H:250.9014
L:28.3048、a:-7.1678、b:-19.9054
シアン色:100(1)、マゼンタ色:28(0.2833)、黄色:0(0)、黒色:53(0.5294)
シアン色:100(1)、マゼンタ色:66(0.6627)、黄色:53(0.5294)
Y:64.162、I:-62.1545、Q:-7.6066
Y:64.162、U:27.478、V:-56.2903
Y:64.162、Db:84.022、Dr:122.016
Y:71.104、Cb:155.654、Cr:87.832
Y:70.13、Pb:26.89、Pr:-44.564
7.5B 3/6(近似の)
#005678
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#005678
黒まで#005678
白まで#005678
前景
<p style="color: #005678">#005678前景</p>
#005678
背景
<p style="background-color: #005678; color: #fff">#005678背景</p>
#005678
境界
<p style="border: #005678 3px solid">#005678境界</p>
#005678
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #005678, #fff); background: -webkit-radial-gradient(50% 50%, #005678, #fff); background: -o-radial-gradient(50% 50%, #005678, #fff); background: -ms-radial-gradient(50% 50%, #005678, #fff); background: radial-gradient(50% 50%, #005678, #fff); color: #fff">#005678放射状グラデーション</p>
#005678
を補足するための#772100
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #005678, #772100); background: -webkit-linear-gradient(top, #005678, #772100); background: -o-linear-gradient(top, #005678, #772100); background: -ms-linear-gradient(top, #005678, #772100); background: linear-gradient(top, #005678, #772100); color: #fff">
#005678
を補足するための#772100
線上グラデーション</p>
#005678
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #005678">#005678テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#005678
に関連している順番で並べらられている。関連は、十六進法の色#005678
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: