
HTML&CSS例
#00c7fe前景
海千山千。
<p style="color: #00c7fe">…</p>
#00c7fe背景
美人薄命。
<p style="background-color: #00c7fe">…</p>
#00c7feテキストに影をつける
見ぬが花。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c7fe">…</p>
色空間変換
- 十進
- 51198
- 二進法
- 00000000, 11000111, 11111110
- 十六進法
- #00c7fe
- LRV
- ≈ 48.0%
- 最も近い短い16進数
- #2cf ΔE = 2.126
- RGB
- rgb(0, 199, 254)
- RGBA
- rgba(0, 199, 254, 1.0)
- rg色度
- r: 0.000, g: 0.439, b: 0.561
- RYB
- 赤色: 0.000%, 黄色: 43.757%, 青色: 99.608%
- Android/android.graphics.Color
- -16726018/0xff00c7fe
- HSL
- hsl(193, 100%, 50%)
- HSLA
- hsla(193, 100%, 50%, 1.0)
- HSV/HSB
- 色相: 193° (192.992), 飽和: 100% (1.000), 値: 100% (0.996)
- HSP
- 色相: 192.992, 飽和: 100.000%, 知覚される明るさ: 68.600%
- HSLuv(HUSL)
- H: 228.902, S: 100.019, L: 74.823
- Cubehelix
- H: -174.407, S: 1.514, L: 0.570
- TSL
- T: -1.734, S: 0.469, L: 0.572
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 22% (0.217), 黄色: 0% (0.000), キー・プレート: 0% (0.004)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.220), 黄色: 0% (0.004)
- XYZ
- X: 38.305, Y: 47.997, Z: 100.992
- xyY
- x: 0.205, y: 0.256, Y: 47.997
- Lab色空間
- L: 74.823, a: -22.154, b: -38.455
- CIELuv
- L: 74.823, u: -52.002, v: -59.615
- CIELCH/LCHab
- L: 74.823, C: 44.380, H: 240.054
- CIELUV/LCHuv
- L: 74.823, C: 79.109, H: 228.902
- Hunter-Lab
- L: 69.280, a: -22.547, b: -37.933
- CIECAM02
- J: 64.473, C: 60.623, h: 226.771, Q: 158.197, M: 53.014, s: 57.889, H: 287.458
- OSA-UCS
- 明度: -10.212, 黄色: -6.487, 緑色: 6.019
- LMS
- L: 32.289, M: 55.140, S: 100.083
- YCbCr
- Y: 141.188, Cb: 181.597, Cr: 36.734
- YCoCg
- Y: 163.000, Cg: 36.000, Co: -63.500
- YDbDr
- Y: 145.769, Db: 162.865, Dr: 277.202
- YPbPr
- Y: 160.573, Pb: 50.385, Pr: -102.030
- xvYCC
- Y: 153.904, Cb: 172.260, Cr: 38.374
- YIQ
- Y: 145.769, I: -136.217, Q: -24.967
- YUV
- Y: 145.769, U: 53.261, V: -127.886
- マンセルカラーシステム
- 10B 7/8 ΔE = 6.377
- ブランドカラー
- Engadget ΔE = 3.570