
HTML&CSS例
#00c789前景
猫に小判。
<p style="color: #00c789">…</p>
#00c789背景
弱肉強食。
<p style="background-color: #00c789">…</p>
#00c789テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c789">…</p>
色空間変換
- 十進
- 51081
- 二進法
- 00000000, 11000111, 10001001
- 十六進法
- #00c789
- LRV
- ≈ 42.6%
- 最も近い短い16進数
- #0c8 ΔE = 1.951
- RGB
- rgb(0, 199, 137)
- RGBA
- rgba(0, 199, 137, 1.0)
- rg色度
- r: 0.000, g: 0.592, b: 0.408
- RYB
- 赤色: 0.000%, 黄色: 46.220%, 青色: 78.039%
- Android/android.graphics.Color
- -16726135/0xff00c789
- HSL
- hsl(161, 100%, 39%)
- HSLA
- hsla(161, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 161° (161.307), 飽和: 100% (1.000), 値: 78% (0.780)
- HSP
- 色相: 161.307, 飽和: 100.000%, 知覚される明るさ: 62.482%
- HSLuv(HUSL)
- H: 149.338, S: 100.019, L: 71.317
- Cubehelix
- H: -208.230, S: 1.165, L: 0.520
- TSL
- T: -1.180, S: 0.566, L: 0.519
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 31% (0.312), キー・プレート: 22% (0.220)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.220), 黄色: 46% (0.463)
- XYZ
- X: 24.936, Y: 42.650, Z: 30.580
- xyY
- x: 0.254, y: 0.434, Y: 42.650
- Lab色空間
- L: 71.317, a: -56.279, b: 19.571
- CIELuv
- L: 71.317, u: -61.169, v: 36.264
- CIELCH/LCHab
- L: 71.317, C: 59.585, H: 160.825
- CIELUV/LCHuv
- L: 71.317, C: 71.111, H: 149.338
- Hunter-Lab
- L: 65.307, a: -46.131, b: 17.952
- CIECAM02
- J: 60.476, C: 55.618, h: 161.759, Q: 153.216, M: 48.638, s: 56.342, H: 197.627
- OSA-UCS
- 明度: -9.827, 黄色: 3.247, 緑色: 7.901
- LMS
- L: 31.629, M: 55.039, S: 30.727
- YCbCr
- Y: 129.722, Cb: 130.234, Cr: 45.041
- YCoCg
- Y: 133.750, Cg: 65.250, Co: -34.250
- YDbDr
- Y: 132.431, Db: 6.904, Dr: 251.813
- YPbPr
- Y: 152.149, Pb: -8.115, Pr: -96.648
- xvYCC
- Y: 146.669, Cb: 120.872, Cr: 43.101
- YIQ
- Y: 132.431, I: -98.629, Q: -61.370
- YUV
- Y: 132.431, U: 2.249, V: -116.184
- マンセルカラーシステム
- 5G 7/10 ΔE = 3.621
- ブランドカラー
- Vine ΔE = 12.197