
HTML&CSS例
#00c621前景
蛙の子は蛙。
<p style="color: #00c621">…</p>
#00c621背景
見ぬが花。
<p style="background-color: #00c621">…</p>
#00c621テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c621">…</p>
色空間変換
- 十進
- 50721
- 二進法
- 00000000, 11000110, 00100001
- 十六進法
- #00c621
- LRV
- ≈ 40.5%
- 最も近い短い16進数
- #0c2 ΔE = 1.979
- RGB
- rgb(0, 198, 33)
- RGBA
- rgba(0, 198, 33, 1.0)
- rg色度
- r: 0.000, g: 0.857, b: 0.143
- RYB
- 赤色: 0.000%, 黄色: 66.555%, 青色: 77.647%
- Android/android.graphics.Color
- -16726495/0xff00c621
- HSL
- hsl(130, 100%, 39%)
- HSLA
- hsla(130, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 130° (130.000), 飽和: 100% (1.000), 値: 78% (0.776)
- HSP
- 色相: 130.000, 飽和: 100.000%, 知覚される明るさ: 59.650%
- HSLuv(HUSL)
- H: 128.710, S: 100.019, L: 69.821
- Cubehelix
- H: -241.883, S: 1.320, L: 0.472
- TSL
- T: -0.640, S: 0.833, L: 0.471
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 83% (0.833), キー・プレート: 22% (0.224)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 87% (0.871)
- XYZ
- X: 20.467, Y: 40.495, Z: 8.176
- xyY
- x: 0.296, y: 0.586, Y: 40.495
- Lab色空間
- L: 69.821, a: -70.224, b: 63.589
- CIELuv
- L: 69.821, u: -65.676, v: 81.948
- CIELCH/LCHab
- L: 69.821, C: 94.737, H: 137.839
- CIELUV/LCHuv
- L: 69.821, C: 105.018, H: 128.710
- Hunter-Lab
- L: 63.636, a: -53.952, b: 36.927
- CIECAM02
- J: 58.568, C: 85.997, h: 137.840, Q: 150.779, M: 75.203, s: 70.623, H: 172.128
- OSA-UCS
- 明度: -9.438, 黄色: 8.822, 緑色: 9.447
- LMS
- L: 31.067, M: 54.390, S: 8.653
- YCbCr
- Y: 119.026, Cb: 84.869, Cr: 52.793
- YCoCg
- Y: 107.250, Cg: 90.750, Co: -8.250
- YDbDr
- Y: 119.988, Db: -130.845, Dr: 228.129
- YPbPr
- Y: 143.946, Pb: -59.730, Pr: -91.410
- xvYCC
- Y: 139.624, Cb: 75.531, Cr: 47.703
- YIQ
- Y: 119.988, I: -64.943, Q: -93.206
- YUV
- Y: 119.988, U: -42.806, V: -105.268
- マンセルカラーシステム
- 10GY 7/10 ΔE = 9.398
- ブランドカラー
- ASDA ΔE = 2.654