
HTML&CSS例
#00c3e1前景
井の中の蛙大海を知らず。
<p style="color: #00c3e1">…</p>
#00c3e1背景
自業自得。
<p style="background-color: #00c3e1">…</p>
#00c3e1テキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c3e1">…</p>
色空間変換
- 十進
- 50145
- 二進法
- 00000000, 11000011, 11100001
- 十六進法
- #00c3e1
- LRV
- ≈ 44.5%
- 最も近い短い16進数
- #0bd ΔE = 3.188
- RGB
- rgb(0, 195, 225)
- RGBA
- rgba(0, 195, 225, 1.0)
- rg色度
- r: 0.000, g: 0.464, b: 0.536
- RYB
- 赤色: 0.000%, 黄色: 40.966%, 青色: 88.235%
- Android/android.graphics.Color
- -16727071/0xff00c3e1
- HSL
- hsl(188, 100%, 44%)
- HSLA
- hsla(188, 100%, 44%, 1.0)
- HSV/HSB
- 色相: 188° (188.000), 飽和: 100% (1.000), 値: 88% (0.882)
- HSP
- 色相: 188.000, 飽和: 100.000%, 知覚される明るさ: 65.728%
- HSLuv(HUSL)
- H: 215.478, S: 100.019, L: 72.536
- Cubehelix
- H: -180.007, S: 1.368, L: 0.548
- TSL
- T: -1.629, S: 0.480, L: 0.549
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 13% (0.133), 黄色: 0% (0.000), キー・プレート: 12% (0.118)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 24% (0.235), 黄色: 12% (0.118)
- XYZ
- X: 33.100, Y: 44.462, Z: 78.057
- xyY
- x: 0.213, y: 0.286, Y: 44.462
- Lab色空間
- L: 72.536, a: -29.846, b: -26.349
- CIELuv
- L: 72.536, u: -52.915, v: -37.713
- CIELCH/LCHab
- L: 72.536, C: 39.813, H: 221.439
- CIELUV/LCHuv
- L: 72.536, C: 64.979, H: 215.478
- Hunter-Lab
- L: 66.680, a: -28.083, b: -22.730
- CIECAM02
- J: 61.875, C: 54.218, h: 215.736, Q: 154.977, M: 47.413, s: 55.311, H: 273.923
- OSA-UCS
- 明度: -10.144, 黄色: -4.340, 緑色: 6.221
- LMS
- L: 30.680, M: 52.661, S: 77.465
- YCbCr
- Y: 136.330, Cb: 170.030, Cr: 40.265
- YCoCg
- Y: 153.750, Cg: 41.250, Co: -56.250
- YDbDr
- Y: 140.115, Db: 127.740, Dr: 266.445
- YPbPr
- Y: 155.625, Pb: 37.425, Pr: -98.880
- xvYCC
- Y: 149.654, Cb: 160.875, Cr: 41.141
- YIQ
- Y: 140.115, I: -125.803, Q: -31.900
- YUV
- Y: 140.115, U: 41.772, V: -122.925
- マンセルカラーシステム
- 7.5B 7/8 ΔE = 3.703
- ブランドカラー
- Virb ΔE = 8.294