
HTML&CSS例
#00c4f4前景
一期一会。
<p style="color: #00c4f4">…</p>
#00c4f4背景
見ぬが花。
<p style="background-color: #00c4f4">…</p>
#00c4f4テキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c4f4">…</p>
色空間変換
- 十進
- 50420
- 二進法
- 00000000, 11000100, 11110100
- 十六進法
- #00c4f4
- LRV
- ≈ 46.0%
- 最も近い短い16進数
- #0cf ΔE = 2.837
- RGB
- rgb(0, 196, 244)
- RGBA
- rgba(0, 196, 244, 1.0)
- rg色度
- r: 0.000, g: 0.445, b: 0.555
- RYB
- 赤色: 0.000%, 黄色: 42.624%, 青色: 95.686%
- Android/android.graphics.Color
- -16726796/0xff00c4f4
- HSL
- hsl(192, 100%, 48%)
- HSLA
- hsla(192, 100%, 48%, 1.0)
- HSV/HSB
- 色相: 192° (191.803), 飽和: 100% (1.000), 値: 96% (0.957)
- HSP
- 色相: 191.803, 飽和: 100.000%, 知覚される明るさ: 67.169%
- HSLuv(HUSL)
- H: 225.891, S: 100.019, L: 73.550
- Cubehelix
- H: -175.770, S: 1.455, L: 0.559
- TSL
- T: -1.708, S: 0.472, L: 0.560
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 20% (0.197), 黄色: 0% (0.000), キー・プレート: 4% (0.043)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.231), 黄色: 4% (0.043)
- XYZ
- X: 36.062, Y: 46.007, Z: 92.550
- xyY
- x: 0.207, y: 0.263, Y: 46.007
- Lab色空間
- L: 73.550, a: -24.019, b: -35.057
- CIELuv
- L: 73.550, u: -51.765, v: -53.400
- CIELCH/LCHab
- L: 73.550, C: 42.496, H: 235.583
- CIELUV/LCHuv
- L: 73.550, C: 74.372, H: 225.891
- Hunter-Lab
- L: 67.828, a: -23.797, b: -33.420
- CIECAM02
- J: 63.010, C: 58.480, h: 224.217, Q: 156.392, M: 51.140, s: 57.184, H: 284.388
- OSA-UCS
- 明度: -10.195, 黄色: -5.883, 緑色: 6.021
- LMS
- L: 31.161, M: 53.287, S: 91.747
- YCbCr
- Y: 138.696, Cb: 178.080, Cr: 38.548
- YCoCg
- Y: 159.000, Cg: 37.000, Co: -61.000
- YDbDr
- Y: 142.868, Db: 152.184, Dr: 271.684
- YPbPr
- Y: 157.708, Pb: 46.540, Pr: -100.208
- xvYCC
- Y: 151.443, Cb: 168.882, Cr: 39.974
- YIQ
- Y: 142.868, I: -132.181, Q: -26.511
- YUV
- Y: 142.868, U: 49.767, V: -125.340
- マンセルカラーシステム
- 10B 7/8 ΔE = 5.554
- ブランドカラー
- Engadget ΔE = 4.032