
HTML&CSS例
#00c6fa前景
猫に小判。
<p style="color: #00c6fa">…</p>
#00c6fa背景
起死回生。
<p style="background-color: #00c6fa">…</p>
#00c6faテキストに影をつける
我田引水。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c6fa">…</p>
色空間変換
- 十進
- 50938
- 二進法
- 00000000, 11000110, 11111010
- 十六進法
- #00c6fa
- LRV
- ≈ 47.3%
- 最も近い短い16進数
- #0cf ΔE = 2.104
- RGB
- rgb(0, 198, 250)
- RGBA
- rgba(0, 198, 250, 1.0)
- rg色度
- r: 0.000, g: 0.442, b: 0.558
- RYB
- 赤色: 0.000%, 黄色: 43.330%, 青色: 98.039%
- Android/android.graphics.Color
- -16726278/0xff00c6fa
- HSL
- hsl(192, 100%, 49%)
- HSLA
- hsla(192, 100%, 49%, 1.0)
- HSV/HSB
- 色相: 192° (192.480), 飽和: 100% (1.000), 値: 98% (0.980)
- HSP
- 色相: 192.480, 飽和: 100.000%, 知覚される明るさ: 68.079%
- HSLuv(HUSL)
- H: 227.625, S: 100.019, L: 74.372
- Cubehelix
- H: -174.996, S: 1.491, L: 0.566
- TSL
- T: -1.723, S: 0.470, L: 0.568
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 21% (0.208), 黄色: 0% (0.000), キー・プレート: 2% (0.020)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 2% (0.020)
- XYZ
- X: 37.442, Y: 47.285, Z: 97.577
- xyY
- x: 0.205, y: 0.259, Y: 47.285
- Lab色空間
- L: 74.372, a: -23.003, b: -37.010
- CIELuv
- L: 74.372, u: -51.973, v: -56.968
- CIELCH/LCHab
- L: 74.372, C: 43.576, H: 238.138
- CIELUV/LCHuv
- L: 74.372, C: 77.114, H: 227.625
- Hunter-Lab
- L: 68.764, a: -23.144, b: -35.998
- CIECAM02
- J: 63.954, C: 59.733, h: 225.681, Q: 157.559, M: 52.236, s: 57.579, H: 286.152
- OSA-UCS
- 明度: -10.205, 黄色: -6.230, 緑色: 6.026
- LMS
- L: 31.905, M: 54.518, S: 96.713
- YCbCr
- Y: 140.292, Cb: 180.132, Cr: 37.386
- YCoCg
- Y: 161.500, Cg: 36.500, Co: -62.500
- YDbDr
- Y: 144.726, Db: 158.416, Dr: 275.218
- YPbPr
- Y: 159.570, Pb: 48.770, Pr: -101.392
- xvYCC
- Y: 153.042, Cb: 170.841, Cr: 38.934
- YIQ
- Y: 144.726, I: -134.657, Q: -25.689
- YUV
- Y: 144.726, U: 51.806, V: -126.971
- マンセルカラーシステム
- 10B 7/8 ΔE = 5.900
- ブランドカラー
- Engadget ΔE = 3.654