
HTML&CSS例
#387ba0前景
虎穴に入らずんば虎子を得ず。
<p style="color: #387ba0">…</p>
#387ba0背景
覆水盆に帰らず。
<p style="background-color: #387ba0">…</p>
#387ba0テキストに影をつける
十人十色。
<p style="text-shadow: 0.1em 0.1em 0.15em #387ba0">…</p>
色空間変換
- 十進
- 3701664
- 二進法
- 00111000, 01111011, 10100000
- 十六進法
- #387ba0
- LRV
- ≈ 17.5%
- 最も近い短い16進数
- #379 ΔE = 2.036
- RGB
- rgb(56, 123, 160)
- RGBA
- rgba(56, 123, 160, 1.0)
- rg色度
- r: 0.165, g: 0.363, b: 0.472
- RYB
- 赤色: 21.961%, 黄色: 37.941%, 青色: 62.745%
- Android/android.graphics.Color
- -13075552/0xff387ba0
- HSL
- hsl(201, 48%, 42%)
- HSLA
- hsla(201, 48%, 42%, 1.0)
- HSV/HSB
- 色相: 201° (201.346), 飽和: 65% (0.650), 値: 63% (0.627)
- HSP
- 色相: 201.346, 飽和: 65.000%, 知覚される明るさ: 44.258%
- HSLuv(HUSL)
- H: 234.752, S: 80.314, L: 48.937
- Cubehelix
- H: -164.431, S: 0.606, L: 0.419
- TSL
- T: -1.945, S: 0.229, L: 0.420
- CMYK
- シアン色: 65% (0.650), マゼンタ色: 23% (0.231), 黄色: 0% (0.000), キー・プレート: 37% (0.373)
- CMY
- シアン色: 78% (0.780), マゼンタ色: 52% (0.518), 黄色: 37% (0.373)
- XYZ
- X: 15.057, Y: 17.543, Z: 35.844
- xyY
- x: 0.220, y: 0.256, Y: 17.543
- Lab色空間
- L: 48.937, a: -9.362, b: -26.135
- CIELuv
- L: 48.937, u: -26.533, v: -37.546
- CIELCH/LCHab
- L: 48.937, C: 27.761, H: 250.292
- CIELUV/LCHuv
- L: 48.937, C: 45.975, H: 234.752
- Hunter-Lab
- L: 41.885, a: -9.131, b: -21.419
- CIECAM02
- J: 37.451, C: 40.309, h: 233.905, Q: 120.570, M: 35.249, s: 54.070, H: 295.844
- OSA-UCS
- 明度: -10.219, 黄色: -4.446, 緑色: 3.128
- LMS
- L: 12.749, M: 19.404, S: 35.532
- YCbCr
- Y: 108.064, Cb: 154.159, Cr: 95.960
- YCgCo
- Y: 115.500, Cg: 7.500, Co: -12.000
- YDbDr
- Y: 107.185, Db: 79.471, Dr: 97.340
- YPbPr
- Y: 111.393, Pb: 26.205, Pr: -35.202
- xvYCC
- Y: 111.667, Cb: 151.019, Cr: 97.077
- YIQ
- Y: 107.185, I: -51.800, Q: -2.656
- YUV
- Y: 107.185, U: 25.991, V: -44.905
- マンセルカラーシステム
- 7.5B 4/10 ΔE = 3.507
- ブランドカラー
- WordPress (blue) ΔE = 2.970