
HTML&CSS例
#00c6f6前景
覆水盆に帰らず。
<p style="color: #00c6f6">…</p>
#00c6f6背景
猫に小判。
<p style="background-color: #00c6f6">…</p>
#00c6f6テキストに影をつける
二兎を追う者は一兎をも得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c6f6">…</p>
色空間変換
- 十進
- 50934
- 二進法
- 00000000, 11000110, 11110110
- 十六進法
- #00c6f6
- LRV
- ≈ 47.0%
- 最も近い短い16進数
- #0cf ΔE = 2.211
- RGB
- rgb(0, 198, 246)
- RGBA
- rgba(0, 198, 246, 1.0)
- rg色度
- r: 0.000, g: 0.446, b: 0.554
- RYB
- 赤色: 0.000%, 黄色: 43.021%, 青色: 96.471%
- Android/android.graphics.Color
- -16726282/0xff00c6f6
- HSL
- hsl(192, 100%, 48%)
- HSLA
- hsla(192, 100%, 48%, 1.0)
- HSV/HSB
- 色相: 192° (191.707), 飽和: 100% (1.000), 値: 96% (0.965)
- HSP
- 色相: 191.707, 飽和: 100.000%, 知覚される明るさ: 67.823%
- HSLuv(HUSL)
- H: 225.660, S: 100.019, L: 74.213
- Cubehelix
- H: -175.880, S: 1.472, L: 0.564
- TSL
- T: -1.706, S: 0.472, L: 0.566
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 20% (0.195), 黄色: 0% (0.000), キー・プレート: 4% (0.035)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 4% (0.035)
- XYZ
- X: 36.822, Y: 47.037, Z: 94.309
- xyY
- x: 0.207, y: 0.264, Y: 47.037
- Lab色空間
- L: 74.213, a: -24.356, b: -35.106
- CIELuv
- L: 74.213, u: -52.280, v: -53.498
- CIELCH/LCHab
- L: 74.213, C: 42.728, H: 235.247
- CIELUV/LCHuv
- L: 74.213, C: 74.801, H: 225.660
- Hunter-Lab
- L: 68.584, a: -24.187, b: -33.521
- CIECAM02
- J: 63.779, C: 58.727, h: 224.021, Q: 157.343, M: 51.356, s: 57.131, H: 284.151
- OSA-UCS
- 明度: -10.194, 黄色: -5.889, 緑色: 6.072
- LMS
- L: 31.874, M: 54.513, S: 93.494
- YCbCr
- Y: 139.900, Cb: 178.376, Cr: 37.670
- YCoCg
- Y: 160.500, Cg: 37.500, Co: -61.500
- YDbDr
- Y: 144.270, Db: 153.084, Dr: 274.350
- YPbPr
- Y: 159.282, Pb: 46.770, Pr: -101.208
- xvYCC
- Y: 152.795, Cb: 169.084, Cr: 39.096
- YIQ
- Y: 144.270, I: -133.372, Q: -26.934
- YUV
- Y: 144.270, U: 50.062, V: -126.570
- マンセルカラーシステム
- 10B 7/8 ΔE = 5.505
- ブランドカラー
- Engadget ΔE = 4.516