
HTML&CSS例
#ffff00前景
井の中の蛙大海を知らず。
<p style="color: #ff0">…</p>
#ffff00背景
一期一会。
<p style="background-color: #ff0">…</p>
#ffff00テキストに影をつける
二兎を追う者は一兎をも得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #ff0">…</p>
色空間変換
- 十進
- 16776960
- 二進法
- 11111111, 11111111, 00000000
- 十六進法
- #ffff00/#ff0
- LRV
- ≈ 92.8%
- RGB
- rgb(255, 255, 0)
- RGBA
- rgba(255, 255, 0, 1.0)
- rg色度
- r: 0.500, g: 0.500, b: 0.000
- RYB
- 赤色: 0.000%, 黄色: 100.000%, 青色: 0.000%
- Android/android.graphics.Color
- -256/0xffffff00
- HSL
- hsl(60, 100%, 50%)
- HSLA
- hsla(60, 100%, 50%, 1.0)
- HSV/HSB
- 色相: 60° (60.000), 飽和: 100% (1.000), 値: 100% (1.000)
- HSP
- 色相: 60.000, 飽和: 100.000%, 知覚される明るさ: 94.128%
- HSLuv(HUSL)
- H: 85.873, S: 100.059, L: 97.139
- Cubehelix
- H: 56.942, S: 4.614, L: 0.890
- TSL
- T: 1.484, S: 0.316, L: 0.886
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 0% (0.000), 黄色: 100% (1.000), キー・プレート: 0% (0.000)
- CMY
- シアン色: 0% (0.000), マゼンタ色: 0% (0.000), 黄色: 100% (1.000)
- XYZ
- X: 77.003, Y: 92.783, Z: 13.853
- xyY
- x: 0.419, y: 0.505, Y: 92.783
- Lab色空間
- L: 97.139, a: -21.554, b: 94.478
- CIELuv
- L: 97.139, u: 7.706, v: 106.787
- CIELCH/LCHab
- L: 97.139, C: 96.905, H: 102.851
- CIELUV/LCHuv
- L: 97.139, C: 107.064, H: 85.873
- Hunter-Lab
- L: 96.324, a: -25.870, b: 58.900
- CIECAM02
- J: 95.721, C: 80.545, h: 105.787, Q: 192.758, M: 70.435, s: 60.449, H: 127.837
- OSA-UCS
- 明度: -9.730, 黄色: 12.641, 緑色: 3.612
- LMS
- L: 94.038, M: 103.403, S: 15.115
- YCbCr
- Y: 210.055, Cb: 16.055, Cr: 146.105
- YCoCg
- Y: 191.250, Cg: 63.750, Co: 127.500
- YDbDr
- Y: 225.930, Db: -339.915, Dr: -55.335
- YPbPr
- Y: 236.640, Pb: -127.500, Pr: 11.730
- xvYCC
- Y: 219.232, Cb: 16.000, Cr: 138.304
- YIQ
- Y: 225.930, I: 81.922, Q: -79.339
- YUV
- Y: 225.930, U: -111.177, V: 25.503
- マンセルカラーシステム
- 10Y 8,5/12 ΔE = 12.140
- ブランドカラー
- Sprint ΔE = 9.725