
HTML&CSS例
#00c696前景
案ずるより産むが易し。
<p style="color: #00c696">…</p>
#00c696背景
起死回生。
<p style="background-color: #00c696">…</p>
#00c696テキストに影をつける
花より団子。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c696">…</p>
色空間変換
- 十進
- 50838
- 二進法
- 00000000, 11000110, 10010110
- 十六進法
- #00c696
- LRV
- ≈ 42.6%
- 最も近い短い16進数
- #0c9 ΔE = 2.037
- RGB
- rgb(0, 198, 150)
- RGBA
- rgba(0, 198, 150, 1.0)
- rg色度
- r: 0.000, g: 0.569, b: 0.431
- RYB
- 赤色: 0.000%, 黄色: 44.178%, 青色: 77.647%
- Android/android.graphics.Color
- -16726378/0xff00c696
- HSL
- hsl(165, 100%, 39%)
- HSLA
- hsla(165, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 165° (165.455), 飽和: 100% (1.000), 値: 78% (0.776)
- HSP
- 色相: 165.455, 飽和: 100.000%, 知覚される明るさ: 62.718%
- HSLuv(HUSL)
- H: 156.301, S: 100.019, L: 71.274
- Cubehelix
- H: -203.489, S: 1.172, L: 0.523
- TSL
- T: -1.251, S: 0.548, L: 0.523
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 24% (0.242), キー・プレート: 22% (0.224)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 41% (0.412)
- XYZ
- X: 25.696, Y: 42.587, Z: 35.714
- xyY
- x: 0.247, y: 0.410, Y: 42.587
- Lab色空間
- L: 71.274, a: -52.875, b: 12.543
- CIELuv
- L: 71.274, u: -59.891, v: 26.290
- CIELCH/LCHab
- L: 71.274, C: 54.342, H: 166.655
- CIELUV/LCHuv
- L: 71.274, C: 65.407, H: 156.301
- Hunter-Lab
- L: 65.258, a: -43.917, b: 13.233
- CIECAM02
- J: 60.445, C: 52.653, h: 168.465, Q: 153.177, M: 46.044, s: 54.827, H: 206.823
- OSA-UCS
- 明度: -9.882, 黄色: 2.168, 緑色: 7.607
- LMS
- L: 31.325, M: 54.429, S: 35.777
- YCbCr
- Y: 130.492, Cb: 136.232, Cr: 44.486
- YCoCg
- Y: 136.500, Cg: 61.500, Co: -37.500
- YDbDr
- Y: 133.326, Db: 25.116, Dr: 253.518
- YPbPr
- Y: 152.370, Pb: -1.230, Pr: -96.792
- xvYCC
- Y: 146.859, Cb: 126.920, Cr: 42.975
- YIQ
- Y: 133.326, I: -102.531, Q: -56.803
- YUV
- Y: 133.326, U: 8.206, V: -116.970
- マンセルカラーシステム
- 10G 7/8 ΔE = 3.784
- ブランドカラー
- Vine ΔE = 11.656