
HTML&CSS例
#0085a4前景
二兎を追う者は一兎をも得ず。
<p style="color: #0085a4">…</p>
#0085a4背景
我田引水。
<p style="background-color: #0085a4">…</p>
#0085a4テキストに影をつける
知らぬが仏。
<p style="text-shadow: 0.1em 0.1em 0.15em #0085a4">…</p>
色空間変換
- 十進
- 34212
- 二進法
- 00000000, 10000101, 10100100
- 十六進法
- #0085a4
- LRV
- ≈ 19.5%
- 最も近い短い16進数
- #08a ΔE = 1.570
- RGB
- rgb(0, 133, 164)
- RGBA
- rgba(0, 133, 164, 1.0)
- rg色度
- r: 0.000, g: 0.448, b: 0.552
- RYB
- 赤色: 0.000%, 黄色: 28.800%, 青色: 64.314%
- Android/android.graphics.Color
- -16743004/0xff0085a4
- HSL
- hsl(191, 100%, 32%)
- HSLA
- hsla(191, 100%, 32%, 1.0)
- HSV/HSB
- 色相: 191° (191.341), 飽和: 100% (1.000), 値: 64% (0.643)
- HSP
- 色相: 191.341, 飽和: 100.000%, 知覚される明るさ: 45.479%
- HSLuv(HUSL)
- H: 223.946, S: 100.019, L: 51.213
- Cubehelix
- H: -176.295, S: 1.028, L: 0.378
- TSL
- T: -1.698, S: 0.473, L: 0.379
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 19% (0.189), 黄色: 0% (0.000), キー・プレート: 36% (0.357)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 48% (0.478), 黄色: 36% (0.357)
- XYZ
- X: 15.085, Y: 19.453, Z: 38.075
- xyY
- x: 0.208, y: 0.268, Y: 19.453
- Lab色空間
- L: 51.213, a: -18.999, b: -25.018
- CIELuv
- L: 51.213, u: -36.316, v: -35.004
- CIELCH/LCHab
- L: 51.213, C: 31.415, H: 232.786
- CIELUV/LCHuv
- L: 51.213, C: 50.440, H: 223.946
- Hunter-Lab
- L: 44.106, a: -16.133, b: -20.308
- CIECAM02
- J: 39.286, C: 45.567, h: 222.665, Q: 123.489, M: 39.848, s: 56.805, H: 282.505
- OSA-UCS
- 明度: -10.185, 黄色: -4.184, 緑色: 4.559
- LMS
- L: 13.228, M: 22.640, S: 37.752
- YCbCr
- Y: 99.104, Cb: 161.293, Cr: 67.412
- YCgCo
- Y: 107.500, Cg: 25.500, Co: -41.000
- YDbDr
- Y: 96.767, Db: 101.173, Dr: 184.016
- YPbPr
- Y: 106.903, Pb: 30.795, Pr: -67.926
- xvYCC
- Y: 107.811, Cb: 155.051, Cr: 68.332
- YIQ
- Y: 96.767, I: -89.189, Q: -18.478
- YUV
- Y: 96.767, U: 33.086, V: -84.895
- マンセルカラーシステム
- 10B 5/8 ΔE = 3.398
- ブランドカラー
- WordPress (blue) ΔE = 7.563