#60b8bf
十六進の色コード十六進の色コード#60b8bf
シアン色の色合いです。光の三原色RGBにおいて色モデル#60b8bf
は37.65%の赤色、72.16%の绿色、74.9%の青色でできている。HSLで色彩空間#60b8bf
は184.42度の色調、42.6%の彩度、56.27%の明るさを有している。この色は約504 nmの波長である。
#60b8bf
情報反転
#9f4740 25% 飽和度
#54c2ca 濃淡階調
#8f8f8f
rgb(96, 184, 191)
rgba(96, 184, 191, 1.0)
赤色:37.6471%、黄色:55.562%、青色:74.902%
#60b8bf
6338751
-10438465 / 0xff60b8bf
hsl(184, 43%, 56%)
hsla(184, 43%, 56%, 1.0)
色調:184(184.4211)、彩度:50(49.7382)、値:75(74.902)
X:31.3683、Y:40.5294、Z:55.4599
x:0.2463、y:0.3182、Y:40.5294
L:69.8449、a:-24.4897、b:-11.7153
L:69.8449、u:-38.2311、v:-14.1647
L:69.8449、C:27.1476、H:205.5654
L:63.6627、a:-23.4579、b:-7.0867
シアン色:50(0.4974)、マゼンタ色:4(0.0366)、黄色:0(0)、黒色:25(0.251)
シアン色:62(0.6235)、マゼンタ色:28(0.2784)、黄色:25(0.251)
Y:158.486、I:-54.6718、Q:-16.4302
Y:158.486、U:16.0013、V:-54.8201
Y:158.486、Db:48.931、Dr:118.823
Y:152.126、Cb:144.097、Cr:88.871
Y:165.76、Pb:13.62、Pr:-44.322
7.5BG 7/6近似、完全一致:Munsell 7.5BG 7/6 / #67bcc3
#60b8bf
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#60b8bf
黒まで#60b8bf
白まで#60b8bf
前景
<p style="color: #60b8bf; background-color: #000">#60b8bf前景</p>
#60b8bf
背景
<p style="background-color: #60b8bf">#60b8bf背景</p>
#60b8bf
境界
<p style="border: #60b8bf 3px solid">#60b8bf境界</p>
#60b8bf
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #60b8bf, #fff); background: -webkit-radial-gradient(50% 50%, #60b8bf, #fff); background: -o-radial-gradient(50% 50%, #60b8bf, #fff); background: -ms-radial-gradient(50% 50%, #60b8bf, #fff); background: radial-gradient(50% 50%, #60b8bf, #fff)">#60b8bf放射状グラデーション</p>
#60b8bf
を補足するための#be6760
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #60b8bf, #be6760); background: -webkit-linear-gradient(top, #60b8bf, #be6760); background: -o-linear-gradient(top, #60b8bf, #be6760); background: -ms-linear-gradient(top, #60b8bf, #be6760); background: linear-gradient(top, #60b8bf, #be6760); color: #000">
#60b8bf
を補足するための#be6760
線上グラデーション</p>
#60b8bf
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #60b8bf">#60b8bfテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#60b8bf
に関連している順番で並べらられている。関連は、十六進法の色#60b8bf
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: