
HTML&CSS例
#00c3f2前景
我田引水。
<p style="color: #00c3f2">…</p>
#00c3f2背景
知らぬが仏。
<p style="background-color: #00c3f2">…</p>
#00c3f2テキストに影をつける
案ずるより産むが易し。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c3f2">…</p>
色空間変換
- 十進
- 50162
- 二進法
- 00000000, 11000011, 11110010
- 十六進法
- #00c3f2
- LRV
- ≈ 45.4%
- 最も近い短い16進数
- #0be ΔE = 3.194
- RGB
- rgb(0, 195, 242)
- RGBA
- rgba(0, 195, 242, 1.0)
- rg色度
- r: 0.000, g: 0.446, b: 0.554
- RYB
- 赤色: 0.000%, 黄色: 42.348%, 青色: 94.902%
- Android/android.graphics.Color
- -16727054/0xff00c3f2
- HSL
- hsl(192, 100%, 47%)
- HSLA
- hsla(192, 100%, 47%, 1.0)
- HSV/HSB
- 色相: 192° (191.653), 飽和: 100% (1.000), 値: 95% (0.949)
- HSP
- 色相: 191.653, 飽和: 100.000%, 知覚される明るさ: 66.778%
- HSLuv(HUSL)
- H: 225.494, S: 100.019, L: 73.178
- Cubehelix
- H: -175.942, S: 1.442, L: 0.556
- TSL
- T: -1.704, S: 0.472, L: 0.557
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 19% (0.194), 黄色: 0% (0.000), キー・プレート: 5% (0.051)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 24% (0.235), 黄色: 5% (0.051)
- XYZ
- X: 35.535, Y: 45.436, Z: 90.884
- xyY
- x: 0.207, y: 0.264, Y: 45.436
- Lab色空間
- L: 73.178, a: -24.189, b: -34.554
- CIELuv
- L: 73.178, u: -51.584, v: -52.482
- CIELCH/LCHab
- L: 73.178, C: 42.179, H: 235.007
- CIELUV/LCHuv
- L: 73.178, C: 73.589, H: 225.494
- Hunter-Lab
- L: 67.406, a: -23.860, b: -32.756
- CIECAM02
- J: 62.583, C: 58.107, h: 223.886, Q: 155.861, M: 50.814, s: 57.098, H: 283.987
- OSA-UCS
- 明度: -10.193, 黄色: -5.795, 緑色: 6.007
- LMS
- L: 30.800, M: 52.680, S: 90.100
- YCbCr
- Y: 137.996, Cb: 177.493, Cr: 39.058
- YCoCg
- Y: 158.000, Cg: 37.000, Co: -60.500
- YDbDr
- Y: 142.053, Db: 150.401, Dr: 270.134
- YPbPr
- Y: 156.849, Pb: 45.925, Pr: -99.662
- xvYCC
- Y: 150.706, Cb: 168.342, Cr: 40.454
- YIQ
- Y: 142.053, I: -131.264, Q: -26.611
- YUV
- Y: 142.053, U: 49.184, V: -124.625
- マンセルカラーシステム
- 10B 7/8 ΔE = 5.559
- ブランドカラー
- Engadget ΔE = 4.103