
HTML&CSS例
#00bc00前景
井の中の蛙大海を知らず。
<p style="color: #00bc00">…</p>
#00bc00背景
一期一会。
<p style="background-color: #00bc00">…</p>
#00bc00テキストに影をつける
二兎を追う者は一兎をも得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #00bc00">…</p>
色空間変換
- 十進
- 48128
- 二進法
- 00000000, 10111100, 00000000
- 十六進法
- #00bc00
- LRV
- ≈ 36.0%
- 最も近い短い16進数
- #0b0 ΔE = 0.335
- RGB
- rgb(0, 188, 0)
- RGBA
- rgba(0, 188, 0, 1.0)
- rg色度
- r: 0.000, g: 1.000, b: 0.000
- RYB
- 赤色: 0.000%, 黄色: 73.725%, 青色: 73.725%
- Android/android.graphics.Color
- -16729088/0xff00bc00
- HSL
- hsl(120, 100%, 37%)
- HSLA
- hsla(120, 100%, 37%, 1.0)
- HSV/HSB
- 色相: 120° (120.000), 飽和: 100% (1.000), 値: 74% (0.737)
- HSP
- 色相: 120.000, 飽和: 100.000%, 知覚される明るさ: 56.485%
- HSLuv(HUSL)
- H: 127.724, S: 100.019, L: 66.492
- Cubehelix
- H: -250.041, S: 1.394, L: 0.435
- TSL
- T: -0.478, S: 1.000, L: 0.433
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 100% (1.000), キー・プレート: 26% (0.263)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 26% (0.263), 黄色: 100% (1.000)
- XYZ
- X: 17.982, Y: 35.964, Z: 5.994
- xyY
- x: 0.300, y: 0.600, Y: 35.964
- Lab色空間
- L: 66.492, a: -68.535, b: 66.146
- CIELuv
- L: 66.492, u: -62.963, v: 81.395
- CIELCH/LCHab
- L: 66.492, C: 95.249, H: 136.016
- CIELUV/LCHuv
- L: 66.492, C: 102.905, H: 127.724
- Hunter-Lab
- L: 59.970, a: -51.424, b: 36.053
- CIECAM02
- J: 54.848, C: 87.658, h: 136.396, Q: 145.912, M: 76.655, s: 72.481, H: 170.410
- OSA-UCS
- 明度: -9.394, 黄色: 8.950, 緑色: 9.233
- LMS
- L: 27.654, M: 48.433, S: 6.438
- YCbCr
- Y: 110.752, Cb: 73.292, Cr: 58.816
- YCoCg
- Y: 94.000, Cg: 94.000, Co: 0.000
- YDbDr
- Y: 110.356, Db: -166.004, Dr: 209.808
- YPbPr
- Y: 134.420, Pb: -72.380, Pr: -85.352
- xvYCC
- Y: 131.443, Cb: 64.419, Cr: 53.024
- YIQ
- Y: 110.356, I: -51.597, Q: -98.247
- YUV
- Y: 110.356, U: -54.306, V: -96.818
- マンセルカラーシステム
- 10GY 6/12 ΔE = 6.799
- ブランドカラー
- ASDA ΔE = 6.005