
HTML&CSS例
#00c7f8前景
秋茄子は嫁に食わすな。
<p style="color: #00c7f8">…</p>
#00c7f8背景
美人薄命。
<p style="background-color: #00c7f8">…</p>
#00c7f8テキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c7f8">…</p>
色空間変換
- 十進
- 51192
- 二進法
- 00000000, 11000111, 11111000
- 十六進法
- #00c7f8
- LRV
- ≈ 47.6%
- 最も近い短い16進数
- #0cf ΔE = 1.783
- RGB
- rgb(0, 199, 248)
- RGBA
- rgba(0, 199, 248, 1.0)
- rg色度
- r: 0.000, g: 0.445, b: 0.555
- RYB
- 赤色: 0.000%, 黄色: 43.297%, 青色: 97.255%
- Android/android.graphics.Color
- -16726024/0xff00c7f8
- HSL
- hsl(192, 100%, 49%)
- HSLA
- hsla(192, 100%, 49%, 1.0)
- HSV/HSB
- 色相: 192° (191.855), 飽和: 100% (1.000), 値: 97% (0.973)
- HSP
- 色相: 191.855, 飽和: 100.000%, 知覚される明るさ: 68.214%
- HSLuv(HUSL)
- H: 226.048, S: 100.019, L: 74.584
- Cubehelix
- H: -175.712, S: 1.485, L: 0.567
- TSL
- T: -1.709, S: 0.472, L: 0.569
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 20% (0.198), 黄色: 0% (0.000), キー・プレート: 3% (0.027)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.220), 黄色: 3% (0.027)
- XYZ
- X: 37.359, Y: 47.619, Z: 96.011
- xyY
- x: 0.206, y: 0.263, Y: 47.619
- Lab色空間
- L: 74.584, a: -24.187, b: -35.607
- CIELuv
- L: 74.584, u: -52.460, v: -54.414
- CIELCH/LCHab
- L: 74.584, C: 43.045, H: 235.812
- CIELUV/LCHuv
- L: 74.584, C: 75.584, H: 226.048
- Hunter-Lab
- L: 69.007, a: -24.123, b: -34.187
- CIECAM02
- J: 64.208, C: 59.098, h: 224.346, Q: 157.872, M: 51.680, s: 57.215, H: 284.544
- OSA-UCS
- 明度: -10.196, 黄色: -5.977, 緑色: 6.086
- LMS
- L: 32.242, M: 55.133, S: 95.177
- YCbCr
- Y: 140.600, Cb: 178.963, Cr: 37.160
- YCoCg
- Y: 161.500, Cg: 37.500, Co: -62.000
- YDbDr
- Y: 145.085, Db: 154.867, Dr: 275.900
- YPbPr
- Y: 160.141, Pb: 47.385, Pr: -101.754
- xvYCC
- Y: 153.533, Cb: 169.624, Cr: 38.616
- YIQ
- Y: 145.085, I: -134.289, Q: -26.834
- YUV
- Y: 145.085, U: 50.645, V: -127.285
- マンセルカラーシステム
- 10B 7/8 ΔE = 5.579
- ブランドカラー
- Engadget ΔE = 4.548