
HTML&CSS例
#008971前景
蛙の子は蛙。
<p style="color: #008971">…</p>
#008971背景
自業自得。
<p style="background-color: #008971">…</p>
#008971テキストに影をつける
案ずるより産むが易し。
<p style="text-shadow: 0.1em 0.1em 0.15em #008971">…</p>
色空間変換
- 十進
- 35185
- 二進法
- 00000000, 10001001, 01110001
- 十六進法
- #008971
- LRV
- ≈ 19.1%
- 最も近い短い16進数
- #087 ΔE = 2.531
- RGB
- rgb(0, 137, 113)
- RGBA
- rgba(0, 137, 113, 1.0)
- rg色度
- r: 0.000, g: 0.548, b: 0.452
- RYB
- 赤色: 0.000%, 黄色: 29.442%, 青色: 53.725%
- Android/android.graphics.Color
- -16742031/0xff008971
- HSL
- hsl(169, 100%, 27%)
- HSLA
- hsla(169, 100%, 27%, 1.0)
- HSV/HSB
- 色相: 169° (169.489), 飽和: 100% (1.000), 値: 54% (0.537)
- HSP
- 色相: 169.489, 飽和: 100.000%, 知覚される明るさ: 43.797%
- HSLuv(HUSL)
- H: 165.313, S: 100.019, L: 50.783
- Cubehelix
- H: -199.001, S: 0.887, L: 0.366
- TSL
- T: -1.319, S: 0.532, L: 0.366
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 18% (0.175), キー・プレート: 46% (0.463)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 46% (0.463), 黄色: 56% (0.557)
- XYZ
- X: 11.925, Y: 19.082, Z: 18.674
- xyY
- x: 0.240, y: 0.384, Y: 19.082
- Lab色空間
- L: 50.783, a: -37.551, b: 4.023
- CIELuv
- L: 50.783, u: -41.700, v: 10.930
- CIELCH/LCHab
- L: 50.783, C: 37.766, H: 173.884
- CIELUV/LCHuv
- L: 50.783, C: 43.109, H: 165.313
- Hunter-Lab
- L: 43.683, a: -27.718, b: 5.232
- CIECAM02
- J: 38.903, C: 40.536, h: 176.502, Q: 122.885, M: 35.448, s: 53.709, H: 219.414
- OSA-UCS
- 明度: -9.936, 黄色: 0.775, 緑色: 5.593
- LMS
- L: 13.903, M: 24.115, S: 18.660
- YCbCr
- Y: 96.122, Cb: 137.740, Cr: 69.561
- YCoCg
- Y: 96.750, Cg: 40.250, Co: -28.250
- YDbDr
- Y: 93.301, Db: 29.658, Dr: 177.413
- YPbPr
- Y: 106.091, Pb: 3.755, Pr: -67.396
- xvYCC
- Y: 107.113, Cb: 131.299, Cr: 68.797
- YIQ
- Y: 93.301, I: -73.903, Q: -36.437
- YUV
- Y: 93.301, U: 9.694, V: -81.855
- マンセルカラーシステム
- 10G 5/6 ΔE = 3.084
- ブランドカラー
- Vine ΔE = 10.430