
HTML&CSS例
#b0d5b9前景
案ずるより産むが易し。
<p style="color: #b0d5b9">…</p>
#b0d5b9背景
馬鹿は死ななきゃ治らない。
<p style="background-color: #b0d5b9">…</p>
#b0d5b9テキストに影をつける
覆水盆に帰らず。
<p style="text-shadow: 0.1em 0.1em 0.15em #b0d5b9">…</p>
色空間変換
- 十進
- 11589049
- 二進法
- 10110000, 11010101, 10111001
- 十六進法
- #b0d5b9
- LRV
- ≈ 60.3%
- 最も近い短い16進数
- #adb ΔE = 3.326
- RGB
- rgb(176, 213, 185)
- RGBA
- rgba(176, 213, 185, 1.0)
- rg色度
- r: 0.307, g: 0.371, b: 0.322
- RYB
- 赤色: 69.020%, 黄色: 80.691%, 青色: 83.529%
- Android/android.graphics.Color
- -5188167/0xffb0d5b9
- HSL
- hsl(135, 31%, 76%)
- HSLA
- hsla(135, 31%, 76%, 1.0)
- HSV/HSB
- 色相: 135° (134.595), 飽和: 17% (0.174), 値: 84% (0.835)
- HSP
- 色相: 134.595, 飽和: 17.371%, 知覚される明るさ: 78.230%
- HSLuv(HUSL)
- H: 137.013, S: 25.505, L: 82.012
- Cubehelix
- H: -237.626, S: 0.345, L: 0.780
- TSL
- T: -0.717, S: 0.062, L: 0.779
- CMYK
- シアン色: 17% (0.174), マゼンタ色: 0% (0.000), 黄色: 13% (0.131), キー・プレート: 16% (0.165)
- CMY
- シアン色: 31% (0.310), マゼンタ色: 16% (0.165), 黄色: 27% (0.275)
- XYZ
- X: 50.454, Y: 60.320, Z: 54.874
- xyY
- x: 0.305, y: 0.364, Y: 60.320
- Lab色空間
- L: 82.012, a: -17.621, b: 9.826
- CIELuv
- L: 82.012, u: -18.795, v: 17.519
- CIELCH/LCHab
- L: 82.012, C: 20.176, H: 150.854
- CIELUV/LCHuv
- L: 82.012, C: 25.694, H: 137.013
- Hunter-Lab
- L: 77.666, a: -19.958, b: 12.475
- CIECAM02
- J: 75.176, C: 20.983, h: 153.931, Q: 170.825, M: 18.350, s: 32.775, H: 189.848
- OSA-UCS
- 明度: -10.013, 黄色: 1.555, 緑色: 2.820
- LMS
- L: 53.974, M: 67.229, S: 54.935
- YCbCr
- Y: 186.714, Cb: 121.184, Cr: 113.745
- YCgCo
- Y: 196.750, Cg: 16.250, Co: 41.750
- YDbDr
- Y: 198.745, Db: -20.674, Dr: 43.245
- YPbPr
- Y: 203.103, Pb: -9.745, Pr: -17.212
- xvYCC
- Y: 190.430, Cb: 119.440, Cr: 112.880
- YIQ
- Y: 198.745, I: -13.046, Q: -16.536
- YUV
- Y: 198.745, U: -6.762, V: -19.955
- マンセルカラーシステム
- 5G 8/4 ΔE = 2.239
- ブランドカラー
- Zerply ΔE = 11.870