
HTML&CSS例
#02af59前景
井の中の蛙大海を知らず。
<p style="color: #02af59">…</p>
#02af59背景
二兎を追う者は一兎をも得ず。
<p style="background-color: #02af59">…</p>
#02af59テキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #02af59">…</p>
色空間変換
- 十進
- 175961
- 二進法
- 00000010, 10101111, 01011001
- 十六進法
- #02af59
- LRV
- ≈ 31.4%
- 最も近い短い16進数
- #1a5 ΔE = 1.713
- RGB
- rgb(2, 175, 89)
- RGBA
- rgba(2, 175, 89, 1.0)
- rg色度
- r: 0.008, g: 0.658, b: 0.335
- RYB
- 赤色: 0.784%, 黄色: 45.926%, 青色: 68.627%
- Android/android.graphics.Color
- -16601255/0xff02af59
- HSL
- hsl(150, 98%, 35%)
- HSLA
- hsla(150, 98%, 35%, 1.0)
- HSV/HSB
- 色相: 150° (150.173), 飽和: 99% (0.989), 値: 69% (0.686)
- HSP
- 色相: 150.173, 飽和: 98.857%, 知覚される明るさ: 53.886%
- HSLuv(HUSL)
- H: 137.576, S: 99.800, L: 62.837
- Cubehelix
- H: -221.099, S: 1.030, L: 0.446
- TSL
- T: -0.987, S: 0.617, L: 0.445
- CMYK
- シアン色: 99% (0.989), マゼンタ色: 0% (0.000), 黄色: 49% (0.491), キー・プレート: 31% (0.314)
- CMY
- シアン色: 99% (0.992), マゼンタ色: 31% (0.314), 黄色: 65% (0.651)
- XYZ
- X: 17.157, Y: 31.392, Z: 14.604
- xyY
- x: 0.272, y: 0.497, Y: 31.392
- Lab色空間
- L: 62.837, a: -57.240, b: 33.549
- CIELuv
- L: 62.837, u: -56.206, v: 51.367
- CIELCH/LCHab
- L: 62.837, C: 66.347, H: 149.625
- CIELUV/LCHuv
- L: 62.837, C: 76.143, H: 137.576
- Hunter-Lab
- L: 56.028, a: -43.391, b: 23.765
- CIECAM02
- J: 51.071, C: 60.507, h: 149.141, Q: 140.798, M: 52.913, s: 61.303, H: 184.830
- OSA-UCS
- 明度: -9.681, 黄色: 5.198, 緑色: 7.768
- LMS
- L: 23.687, M: 41.305, S: 14.840
- YCbCr
- Y: 113.436, Cb: 115.850, Cr: 58.159
- YCoCg
- Y: 110.250, Cg: 64.750, Co: -21.250
- YDbDr
- Y: 113.469, Db: -36.788, Dr: 211.947
- YPbPr
- Y: 131.959, Pb: -23.105, Pr: -82.544
- xvYCC
- Y: 129.329, Cb: 107.704, Cr: 55.491
- YIQ
- Y: 113.469, I: -75.430, Q: -63.339
- YUV
- Y: 113.469, U: -12.041, V: -97.794
- マンセルカラーシステム
- 2.5G 6/10 ΔE = 2.578
- ブランドカラー
- Vine ΔE = 10.683