
HTML&CSS例
#00c7e8前景
猫に小判。
<p style="color: #00c7e8">…</p>
#00c7e8背景
美人薄命。
<p style="background-color: #00c7e8">…</p>
#00c7e8テキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c7e8">…</p>
色空間変換
- 十進
- 51176
- 二進法
- 00000000, 11000111, 11101000
- 十六進法
- #00c7e8
- LRV
- ≈ 46.7%
- 最も近い短い16進数
- #0ce ΔE = 1.718
- RGB
- rgb(0, 199, 232)
- RGBA
- rgba(0, 199, 232, 1.0)
- rg色度
- r: 0.000, g: 0.462, b: 0.538
- RYB
- 赤色: 0.000%, 黄色: 42.007%, 青色: 90.980%
- Android/android.graphics.Color
- -16726040/0xff00c7e8
- HSL
- hsl(189, 100%, 45%)
- HSLA
- hsla(189, 100%, 45%, 1.0)
- HSV/HSB
- 色相: 189° (188.534), 飽和: 100% (1.000), 値: 91% (0.910)
- HSP
- 色相: 188.534, 飽和: 100.000%, 知覚される明るさ: 67.220%
- HSLuv(HUSL)
- H: 217.033, S: 100.019, L: 73.977
- Cubehelix
- H: -179.424, S: 1.413, L: 0.561
- TSL
- T: -1.640, S: 0.479, L: 0.562
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 14% (0.142), 黄色: 0% (0.000), キー・プレート: 9% (0.090)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.220), 黄色: 9% (0.090)
- XYZ
- X: 34.983, Y: 46.668, Z: 83.492
- xyY
- x: 0.212, y: 0.283, Y: 46.668
- Lab色空間
- L: 73.977, a: -29.510, b: -27.927
- CIELuv
- L: 73.977, u: -53.710, v: -40.521
- CIELCH/LCHab
- L: 73.977, C: 40.629, H: 223.421
- CIELUV/LCHuv
- L: 73.977, C: 67.281, H: 217.033
- Hunter-Lab
- L: 68.314, a: -28.143, b: -24.643
- CIECAM02
- J: 63.533, C: 55.394, h: 216.968, Q: 157.040, M: 48.441, s: 55.539, H: 275.470
- OSA-UCS
- 明度: -10.151, 黄色: -4.614, 緑色: 6.284
- LMS
- L: 32.125, M: 55.115, S: 82.846
- YCbCr
- Y: 139.032, Cb: 171.939, Cr: 38.296
- YCoCg
- Y: 157.500, Cg: 41.500, Co: -58.000
- YDbDr
- Y: 143.261, Db: 133.539, Dr: 272.428
- YPbPr
- Y: 158.989, Pb: 39.385, Pr: -101.018
- xvYCC
- Y: 152.543, Cb: 162.597, Cr: 39.263
- YIQ
- Y: 143.261, I: -129.149, Q: -31.812
- YUV
- Y: 143.261, U: 43.669, V: -125.685
- マンセルカラーシステム
- 7.5B 7/8 ΔE = 3.007
- ブランドカラー
- Virb ΔE = 9.016