#00aed4
十六進の色コード十六進の色コード#00aed4
シアン色の色合いです。光の三原色RGBにおいて色モデル#00aed4
は0%の赤色、68.24%の绿色、83.14%の青色でできている。HSLで色彩空間#00aed4
は190.75度の色調、100%の彩度、41.57%の明るさを有している。この色は約500 nmの波長である。
#00aed4
情報反転
#ff512b 25% 飽和度
#00aed4 濃淡階調
#6a6a6a
rgb(0, 174, 212)
rgba(0, 174, 212, 1.0)
赤色:0%、黄色:37.4764%、青色:83.1373%
#00aed4
44756
-16732460 / 0xff00aed4
hsl(191, 100%, 42%)
hsla(191, 100%, 42%, 1.0)
色調:191(190.7547)、彩度:100(100)、値:83(83.1373)
X:27.0197、Y:35.0256、Z:67.6239
x:0.2084、y:0.2701、Y:35.0256
L:65.7686、a:-23.6868、b:-29.6581
L:65.7686、u:-46.8032、v:-43.5746
L:65.7686、C:37.9561、H:231.3869
L:59.1824、a:-22.0751、b:-26.3191
シアン色:100(1)、マゼンタ色:18(0.1792)、黄色:0(0)、黒色:17(0.1686)
シアン色:100(1)、マゼンタ色:32(0.3176)、黄色:17(0.1686)
Y:126.306、I:-115.8626、Q:-24.9702
Y:126.306、U:42.1704、V:-110.8104
Y:126.306、Db:128.954、Dr:240.188
Y:124.472、Cb:170.434、Cr:48.916
Y:139.674、Pb:39.01、Pr:-88.748
5B 6/8近似、完全一致:Munsell 5B 6/8 / #18a1c9
#00aed4
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#00aed4
黒まで#00aed4
白まで#00aed4
前景
<p style="color: #00aed4; background-color: #000">#00aed4前景</p>
#00aed4
背景
<p style="background-color: #00aed4">#00aed4背景</p>
#00aed4
境界
<p style="border: #00aed4 3px solid">#00aed4境界</p>
#00aed4
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00aed4, #fff); background: -webkit-radial-gradient(50% 50%, #00aed4, #fff); background: -o-radial-gradient(50% 50%, #00aed4, #fff); background: -ms-radial-gradient(50% 50%, #00aed4, #fff); background: radial-gradient(50% 50%, #00aed4, #fff)">#00aed4放射状グラデーション</p>
#00aed4
を補足するための#d42500
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00aed4, #d42500); background: -webkit-linear-gradient(top, #00aed4, #d42500); background: -o-linear-gradient(top, #00aed4, #d42500); background: -ms-linear-gradient(top, #00aed4, #d42500); background: linear-gradient(top, #00aed4, #d42500); color: #000">
#00aed4
を補足するための#d42500
線上グラデーション</p>
#00aed4
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00aed4">#00aed4テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#00aed4
に関連している順番で並べらられている。関連は、十六進法の色#00aed4
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: