色見本
RGB
CMYK
RYB
#55e7fb十六進の色コード十六進の色コード#55e7fbシアン色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#55e7fbは33.33%の赤色、90.59%の绿色、98.43%の青色でできている。HSLで色彩空間#55e7fbは187.23度の色調、95.4%の彩度、65.88%の明るさを有している。この色は約502 nmの波長である。
#55e7fb情報反転
#aa1804 25% 飽和度
#50eaff 濃淡階調
#a7a7a7
rgb(85, 231, 251)
rgba(85, 231, 251, 1.0)
赤色：33.3333%、黄色：63.7959%、青色：98.4314%
#55e7fb
5629947
-11147269 / 0xff55e7fb
hsl(187, 95%, 66%)
hsla(187, 95%, 66%, 1.0)
色調：187（187.2289）、彩度：66（66.1355）、値：98（98.4314）
X：49.7348、Y：66.0482、Z：101.3941
x：0.229、y：0.3041、Y：66.0482
L：85.021、a：-32.5228、b：-21.1313
L：85.021、u：-55.142、v：-29.0243
L：85.021、C：38.7848、H：213.0133
L：81.27、a：-32.9859、b：-17.0823
シアン色：66（0.6614）、マゼンタ色：8（0.0797）、黄色：0（0）、黒色：2（0.0157）
シアン色：67（0.6667）、マゼンタ色：9（0.0941）、黄色：2（0.0157）
Y：189.626、I：-93.3998、Q：-24.6499
Y：189.626、U：30.2033、V：-91.7902
Y：189.626、Db：92.36、Dr：198.958
Y：178.867、Cb：158.388、Cr：62.486
Y：201.342、Pb：26.79、Pr：-73.92
10BG 8/8近似、完全一致：Munsell 10BG 8/8 / #52dbed
#55e7fb配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#55e7fb黒まで#55e7fb白まで#55e7fb前景
<p style="color: #55e7fb; background-color: #000">#55e7fb前景</p>
#55e7fb背景
<p style="background-color: #55e7fb">#55e7fb背景</p>
#55e7fb境界
<p style="border: #55e7fb 3px solid">#55e7fb境界</p>
#55e7fb放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #55e7fb, #fff); background: -webkit-radial-gradient(50% 50%, #55e7fb, #fff); background: -o-radial-gradient(50% 50%, #55e7fb, #fff); background: -ms-radial-gradient(50% 50%, #55e7fb, #fff); background: radial-gradient(50% 50%, #55e7fb, #fff)">#55e7fb放射状グラデーション</p>
#55e7fbを補足するための#fb6854線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #55e7fb, #fb6854); background: -webkit-linear-gradient(top, #55e7fb, #fb6854); background: -o-linear-gradient(top, #55e7fb, #fb6854); background: -ms-linear-gradient(top, #55e7fb, #fb6854); background: linear-gradient(top, #55e7fb, #fb6854); color: #000">#55e7fbを補足するための#fb6854線上グラデーション</p>
#55e7fbテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #55e7fb">#55e7fbテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#55e7fbに関連している順番で並べらられている。関連は、十六進法の色#55e7fbの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：