
HTML&CSS例
#00c691前景
猫に小判。
<p style="color: #00c691">…</p>
#00c691背景
猿も木から落ちる。
<p style="background-color: #00c691">…</p>
#00c691テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c691">…</p>
色空間変換
- 十進
- 50833
- 二進法
- 00000000, 11000110, 10010001
- 十六進法
- #00c691
- LRV
- ≈ 42.4%
- 最も近い短い16進数
- #0c9 ΔE = 2.195
- RGB
- rgb(0, 198, 145)
- RGBA
- rgba(0, 198, 145, 1.0)
- rg色度
- r: 0.000, g: 0.577, b: 0.423
- RYB
- 赤色: 0.000%, 黄色: 44.823%, 青色: 77.647%
- Android/android.graphics.Color
- -16726383/0xff00c691
- HSL
- hsl(164, 100%, 39%)
- HSLA
- hsla(164, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 164° (163.939), 飽和: 100% (1.000), 値: 78% (0.776)
- HSP
- 色相: 163.939, 飽和: 100.000%, 知覚される明るさ: 62.511%
- HSLuv(HUSL)
- H: 153.578, S: 100.019, L: 71.166
- Cubehelix
- H: -205.209, S: 1.166, L: 0.521
- TSL
- T: -1.225, S: 0.554, L: 0.521
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 27% (0.268), キー・プレート: 22% (0.224)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 43% (0.431)
- XYZ
- X: 25.302, Y: 42.429, Z: 33.639
- xyY
- x: 0.250, y: 0.419, Y: 42.429
- Lab色空間
- L: 71.166, a: -54.071, b: 15.082
- CIELuv
- L: 71.166, u: -60.261, v: 29.943
- CIELCH/LCHab
- L: 71.166, C: 56.135, H: 164.415
- CIELUV/LCHuv
- L: 71.166, C: 67.290, H: 153.578
- Hunter-Lab
- L: 65.138, a: -44.655, b: 14.978
- CIECAM02
- J: 60.317, C: 53.581, h: 165.900, Q: 153.014, M: 46.856, s: 55.337, H: 202.690
- OSA-UCS
- 明度: -9.862, 黄色: 2.562, 緑色: 7.703
- LMS
- L: 31.306, M: 54.426, S: 33.733
- YCbCr
- Y: 130.002, Cb: 134.037, Cr: 44.841
- YCoCg
- Y: 135.250, Cg: 62.750, Co: -36.250
- YDbDr
- Y: 132.756, Db: 18.451, Dr: 252.433
- YPbPr
- Y: 152.010, Pb: -3.730, Pr: -96.562
- xvYCC
- Y: 146.550, Cb: 124.723, Cr: 43.177
- YIQ
- Y: 132.756, I: -100.925, Q: -58.358
- YUV
- Y: 132.756, U: 6.026, V: -116.469
- マンセルカラーシステム
- 7.5G 7/8 ΔE = 4.089
- ブランドカラー
- Vine ΔE = 11.606