
HTML&CSS例
#007997前景
見ぬが花。
<p style="color: #007997">…</p>
#007997背景
井の中の蛙大海を知らず。
<p style="background-color: #007997">…</p>
#007997テキストに影をつける
花より団子。
<p style="text-shadow: 0.1em 0.1em 0.15em #007997">…</p>
色空間変換
- 十進
- 31127
- 二進法
- 00000000, 01111001, 10010111
- 十六進法
- #007997
- LRV
- ≈ 15.9%
- 最も近い短い16進数
- #079 ΔE = 1.934
- RGB
- rgb(0, 121, 151)
- RGBA
- rgba(0, 121, 151, 1.0)
- rg色度
- r: 0.000, g: 0.445, b: 0.555
- RYB
- 赤色: 0.000%, 黄色: 26.342%, 青色: 59.216%
- Android/android.graphics.Color
- -16746089/0xff007997
- HSL
- hsl(192, 100%, 30%)
- HSLA
- hsla(192, 100%, 30%, 1.0)
- HSV/HSB
- 色相: 192° (191.921), 飽和: 100% (1.000), 値: 59% (0.592)
- HSP
- 色相: 191.921, 飽和: 100.000%, 知覚される明るさ: 41.490%
- HSLuv(HUSL)
- H: 225.204, S: 100.019, L: 46.853
- Cubehelix
- H: -175.637, S: 0.982, L: 0.345
- TSL
- T: -1.710, S: 0.472, L: 0.346
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 20% (0.199), 黄色: 0% (0.000), キー・プレート: 41% (0.408)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 53% (0.525), 黄色: 41% (0.408)
- XYZ
- X: 12.421, Y: 15.907, Z: 31.688
- xyY
- x: 0.207, y: 0.265, Y: 15.907
- Lab色空間
- L: 46.853, a: -17.185, b: -24.171
- CIELuv
- L: 46.853, u: -33.065, v: -33.301
- CIELCH/LCHab
- L: 46.853, C: 29.658, H: 234.588
- CIELUV/LCHuv
- L: 46.853, C: 46.928, H: 225.204
- Hunter-Lab
- L: 39.884, a: -14.208, b: -19.187
- CIECAM02
- J: 35.161, C: 43.502, h: 223.731, Q: 116.826, M: 38.042, s: 57.064, H: 283.800
- OSA-UCS
- 明度: -10.191, 黄色: -4.052, 緑色: 4.239
- LMS
- L: 10.790, M: 18.457, S: 31.416
- YCbCr
- Y: 91.782, Cb: 159.078, Cr: 72.751
- YCoCg
- Y: 98.250, Cg: 22.750, Co: -37.750
- YDbDr
- Y: 88.241, Db: 94.440, Dr: 167.803
- YPbPr
- Y: 97.387, Pb: 28.915, Pr: -61.880
- xvYCC
- Y: 99.638, Cb: 153.400, Cr: 73.643
- YIQ
- Y: 88.241, I: -81.720, Q: -16.252
- YUV
- Y: 88.241, U: 30.884, V: -77.415
- マンセルカラーシステム
- 5B 4/10 ΔE = 1.985
- ブランドカラー
- WordPress (blue) ΔE = 4.852