
HTML&CSS例
#abb032前景
蛙の子は蛙。
<p style="color: #abb032">…</p>
#abb032背景
案ずるより産むが易し。
<p style="background-color: #abb032">…</p>
#abb032テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #abb032">…</p>
色空間変換
- 十進
- 11251762
- 二進法
- 10101011, 10110000, 00110010
- 十六進法
- #abb032
- LRV
- ≈ 39.9%
- 最も近い短い16進数
- #aa3 ΔE = 2.186
- RGB
- rgb(171, 176, 50)
- RGBA
- rgba(171, 176, 50, 1.0)
- rg色度
- r: 0.431, g: 0.443, b: 0.126
- RYB
- 赤色: 19.608%, 黄色: 69.020%, 青色: 21.569%
- Android/android.graphics.Color
- -5525454/0xffabb032
- HSL
- hsl(62, 56%, 44%)
- HSLA
- hsla(62, 56%, 44%, 1.0)
- HSV/HSB
- 色相: 62° (62.381), 飽和: 72% (0.716), 値: 69% (0.690)
- HSP
- 色相: 62.381, 飽和: 71.591%, 知覚される明るさ: 64.689%
- HSLuv(HUSL)
- H: 88.630, S: 90.680, L: 69.427
- Cubehelix
- H: 58.839, S: 0.944, L: 0.630
- TSL
- T: 1.388, S: 0.197, L: 0.628
- CMYK
- シアン色: 3% (0.028), マゼンタ色: 0% (0.000), 黄色: 72% (0.716), キー・プレート: 31% (0.310)
- CMY
- シアン色: 33% (0.329), マゼンタ色: 31% (0.310), 黄色: 80% (0.804)
- XYZ
- X: 32.897, Y: 39.940, Z: 8.993
- xyY
- x: 0.402, y: 0.488, Y: 39.940
- Lab色空間
- L: 69.427, a: -17.163, b: 60.188
- CIELuv
- L: 69.427, u: 1.665, v: 69.628
- CIELCH/LCHab
- L: 69.427, C: 62.587, H: 105.916
- CIELUV/LCHuv
- L: 69.427, C: 69.647, H: 88.630
- Hunter-Lab
- L: 63.198, a: -17.681, b: 35.801
- CIECAM02
- J: 60.401, C: 54.463, h: 107.413, Q: 153.121, M: 47.627, s: 55.771, H: 130.443
- OSA-UCS
- 明度: -9.770, 黄色: 8.438, 緑色: 2.715
- LMS
- L: 39.804, M: 44.706, S: 9.486
- YCbCr
- Y: 153.551, Cb: 73.426, Cr: 134.751
- YCoCg
- Y: 143.250, Cg: 32.750, Co: 73.000
- YDbDr
- Y: 160.141, Db: -165.708, Dr: -20.677
- YPbPr
- Y: 165.863, Pb: -62.425, Pr: 3.296
- xvYCC
- Y: 158.447, Cb: 73.164, Cr: 130.895
- YIQ
- Y: 160.141, I: 37.501, Q: -40.260
- YUV
- Y: 160.141, U: -54.199, V: 9.526
- マンセルカラーシステム
- 2.5GY 7/8 ΔE = 1.689
- ブランドカラー
- Big Cartel ΔE = 5.543