
HTML&CSS例
#00c5f4前景
知らぬが仏。
<p style="color: #00c5f4">…</p>
#00c5f4背景
蛙の子は蛙。
<p style="background-color: #00c5f4">…</p>
#00c5f4テキストに影をつける
猿も木から落ちる。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c5f4">…</p>
色空間変換
- 十進
- 50676
- 二進法
- 00000000, 11000101, 11110100
- 十六進法
- #00c5f4
- LRV
- ≈ 46.5%
- 最も近い短い16進数
- #0cf ΔE = 2.651
- RGB
- rgb(0, 197, 244)
- RGBA
- rgba(0, 197, 244, 1.0)
- rg色度
- r: 0.000, g: 0.447, b: 0.553
- RYB
- 赤色: 0.000%, 黄色: 42.744%, 青色: 95.686%
- Android/android.graphics.Color
- -16726540/0xff00c5f4
- HSL
- hsl(192, 100%, 48%)
- HSLA
- hsla(192, 100%, 48%, 1.0)
- HSV/HSB
- 色相: 192° (191.557), 飽和: 100% (1.000), 値: 96% (0.957)
- HSP
- 色相: 191.557, 飽和: 100.000%, 知覚される明るさ: 67.433%
- HSLuv(HUSL)
- H: 225.263, S: 100.019, L: 73.843
- Cubehelix
- H: -176.050, S: 1.459, L: 0.561
- TSL
- T: -1.702, S: 0.472, L: 0.563
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 19% (0.193), 黄色: 0% (0.000), キー・プレート: 4% (0.043)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 4% (0.043)
- XYZ
- X: 36.288, Y: 46.459, Z: 92.625
- xyY
- x: 0.207, y: 0.265, Y: 46.459
- Lab色空間
- L: 73.843, a: -24.525, b: -34.604
- CIELuv
- L: 73.843, u: -52.100, v: -52.581
- CIELCH/LCHab
- L: 73.843, C: 42.414, H: 234.673
- CIELUV/LCHuv
- L: 73.843, C: 74.021, H: 225.263
- Hunter-Lab
- L: 68.161, a: -24.250, b: -32.858
- CIECAM02
- J: 63.351, C: 58.355, h: 223.690, Q: 156.814, M: 51.031, s: 57.046, H: 283.750
- OSA-UCS
- 明度: -10.192, 黄色: -5.801, 緑色: 6.058
- LMS
- L: 31.509, M: 53.897, S: 91.828
- YCbCr
- Y: 139.200, Cb: 177.789, Cr: 38.180
- YCoCg
- Y: 159.500, Cg: 37.500, Co: -61.000
- YDbDr
- Y: 143.455, Db: 151.301, Dr: 272.800
- YPbPr
- Y: 158.423, Pb: 46.155, Pr: -100.662
- xvYCC
- Y: 152.057, Cb: 168.544, Cr: 39.575
- YIQ
- Y: 143.455, I: -132.455, Q: -27.033
- YUV
- Y: 143.455, U: 49.479, V: -125.855
- マンセルカラーシステム
- 7.5B 7/8 ΔE = 5.385
- ブランドカラー
- Engadget ΔE = 4.532