
HTML&CSS例
#45c643前景
蓼食う虫も好き好き。
<p style="color: #45c643">…</p>
#45c643背景
井の中の蛙大海を知らず。
<p style="background-color: #45c643">…</p>
#45c643テキストに影をつける
馬鹿は死ななきゃ治らない。
<p style="text-shadow: 0.1em 0.1em 0.15em #45c643">…</p>
色空間変換
- 十進
- 4572739
- 二進法
- 01000101, 11000110, 01000011
- 十六進法
- #45c643
- LRV
- ≈ 42.1%
- 最も近い短い16進数
- #4c4 ΔE = 1.956
- RGB
- rgb(69, 198, 67)
- RGBA
- rgba(69, 198, 67, 1.0)
- rg色度
- r: 0.207, g: 0.593, b: 0.201
- RYB
- 赤色: 26.275%, 黄色: 77.647%, 青色: 76.863%
- Android/android.graphics.Color
- -12204477/0xff45c643
- HSL
- hsl(119, 53%, 52%)
- HSLA
- hsla(119, 53%, 52%, 1.0)
- HSV/HSB
- 色相: 119° (119.084), 飽和: 66% (0.662), 値: 78% (0.776)
- HSP
- 色相: 119.084, 飽和: 66.162%, 知覚される明るさ: 61.941%
- HSLuv(HUSL)
- H: 127.484, S: 84.374, L: 70.910
- Cubehelix
- H: -250.724, S: 0.967, L: 0.568
- TSL
- T: -0.464, S: 0.387, L: 0.567
- CMYK
- シアン色: 65% (0.652), マゼンタ色: 0% (0.000), 黄色: 66% (0.662), キー・プレート: 22% (0.224)
- CMY
- シアン色: 73% (0.729), マゼンタ色: 22% (0.224), 黄色: 74% (0.737)
- XYZ
- X: 23.660, Y: 42.056, Z: 12.180
- xyY
- x: 0.304, y: 0.540, Y: 42.056
- Lab色空間
- L: 70.910, a: -60.080, b: 53.478
- CIELuv
- L: 70.910, u: -56.127, v: 73.188
- CIELCH/LCHab
- L: 70.910, C: 80.433, H: 138.327
- CIELUV/LCHuv
- L: 70.910, C: 92.232, H: 127.484
- Hunter-Lab
- L: 64.851, a: -48.365, b: 34.260
- CIECAM02
- J: 60.199, C: 72.626, h: 138.170, Q: 152.864, M: 63.511, s: 64.457, H: 172.517
- OSA-UCS
- 明度: -9.593, 黄色: 7.779, 緑色: 8.232
- LMS
- L: 33.427, M: 54.817, S: 12.621
- YCbCr
- Y: 140.091, Cb: 89.583, Cr: 80.670
- YCoCg
- Y: 133.000, Cg: 65.000, Co: 17.750
- YDbDr
- Y: 144.495, Db: -116.573, Dr: 143.530
- YPbPr
- Y: 161.091, Pb: -50.665, Pr: -58.474
- xvYCC
- Y: 154.349, Cb: 83.494, Cr: 76.635
- YIQ
- Y: 144.495, I: -34.762, Q: -68.037
- YUV
- Y: 144.495, U: -38.134, V: -66.234
- マンセルカラーシステム
- 10GY 7/10 ΔE = 5.728
- ブランドカラー
- ASDA ΔE = 2.429