
HTML&CSS例
#00c7f3前景
十人十色。
<p style="color: #00c7f3">…</p>
#00c7f3背景
馬鹿は死ななきゃ治らない。
<p style="background-color: #00c7f3">…</p>
#00c7f3テキストに影をつける
猫に小判。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c7f3">…</p>
色空間変換
- 十進
- 51187
- 二進法
- 00000000, 11000111, 11110011
- 十六進法
- #00c7f3
- LRV
- ≈ 47.3%
- 最も近い短い16進数
- #0cf ΔE = 2.818
- RGB
- rgb(0, 199, 243)
- RGBA
- rgba(0, 199, 243, 1.0)
- rg色度
- r: 0.000, g: 0.450, b: 0.550
- RYB
- 赤色: 0.000%, 黄色: 42.904%, 青色: 95.294%
- Android/android.graphics.Color
- -16726029/0xff00c7f3
- HSL
- hsl(191, 100%, 48%)
- HSLA
- hsla(191, 100%, 48%, 1.0)
- HSV/HSB
- 色相: 191° (190.864), 飽和: 100% (1.000), 値: 95% (0.953)
- HSP
- 色相: 190.864, 飽和: 100.000%, 知覚される明るさ: 67.898%
- HSLuv(HUSL)
- H: 223.457, S: 100.019, L: 74.389
- Cubehelix
- H: -176.835, S: 1.462, L: 0.565
- TSL
- T: -1.688, S: 0.474, L: 0.567
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 18% (0.181), 黄色: 0% (0.000), キー・プレート: 5% (0.047)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.220), 黄色: 5% (0.047)
- XYZ
- X: 36.594, Y: 47.313, Z: 91.980
- xyY
- x: 0.208, y: 0.269, Y: 47.313
- Lab色空間
- L: 74.389, a: -25.867, b: -33.220
- CIELuv
- L: 74.389, u: -52.847, v: -50.074
- CIELCH/LCHab
- L: 74.389, C: 42.103, H: 232.093
- CIELUV/LCHuv
- L: 74.389, C: 72.802, H: 223.457
- Hunter-Lab
- L: 68.784, a: -25.409, b: -31.135
- CIECAM02
- J: 63.992, C: 57.878, h: 222.185, Q: 157.606, M: 50.613, s: 56.669, H: 281.918
- OSA-UCS
- 明度: -10.182, 黄色: -5.551, 緑色: 6.145
- LMS
- L: 32.204, M: 55.127, S: 91.207
- YCbCr
- Y: 140.110, Cb: 176.768, Cr: 37.515
- YCoCg
- Y: 160.250, Cg: 38.750, Co: -60.750
- YDbDr
- Y: 144.515, Db: 148.202, Dr: 274.815
- YPbPr
- Y: 159.781, Pb: 44.885, Pr: -101.524
- xvYCC
- Y: 153.224, Cb: 167.428, Cr: 38.818
- YIQ
- Y: 144.515, I: -132.683, Q: -28.390
- YUV
- Y: 144.515, U: 48.465, V: -126.785
- マンセルカラーシステム
- 7.5B 7/8 ΔE = 4.435
- ブランドカラー
- Engadget ΔE = 5.805