
HTML&CSS例
#00c5ea前景
起死回生。
<p style="color: #00c5ea">…</p>
#00c5ea背景
自業自得。
<p style="background-color: #00c5ea">…</p>
#00c5eaテキストに影をつける
井の中の蛙大海を知らず。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c5ea">…</p>
色空間変換
- 十進
- 50666
- 二進法
- 00000000, 11000101, 11101010
- 十六進法
- #00c5ea
- LRV
- ≈ 45.9%
- 最も近い短い16進数
- #1ce ΔE = 2.646
- RGB
- rgb(0, 197, 234)
- RGBA
- rgba(0, 197, 234, 1.0)
- rg色度
- r: 0.000, g: 0.457, b: 0.543
- RYB
- 赤色: 0.000%, 黄色: 41.943%, 青色: 91.765%
- Android/android.graphics.Color
- -16726550/0xff00c5ea
- HSL
- hsl(189, 100%, 46%)
- HSLA
- hsla(189, 100%, 46%, 1.0)
- HSV/HSB
- 色相: 189° (189.487), 飽和: 100% (1.000), 値: 92% (0.918)
- HSP
- 色相: 189.487, 飽和: 100.000%, 知覚される明るさ: 66.808%
- HSLuv(HUSL)
- H: 219.696, S: 100.019, L: 73.460
- Cubehelix
- H: -178.374, S: 1.414, L: 0.557
- TSL
- T: -1.659, S: 0.477, L: 0.558
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 16% (0.158), 黄色: 0% (0.000), キー・プレート: 8% (0.082)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 8% (0.082)
- XYZ
- X: 34.811, Y: 45.868, Z: 84.845
- xyY
- x: 0.210, y: 0.277, Y: 45.868
- Lab色空間
- L: 73.460, a: -27.867, b: -29.801
- CIELuv
- L: 73.460, u: -52.879, v: -43.894
- CIELCH/LCHab
- L: 73.460, C: 40.801, H: 226.921
- CIELUV/LCHuv
- L: 73.460, C: 68.723, H: 219.696
- Hunter-Lab
- L: 67.726, a: -26.772, b: -26.868
- CIECAM02
- J: 62.928, C: 55.996, h: 219.110, Q: 156.290, M: 48.968, s: 55.974, H: 278.137
- OSA-UCS
- 明度: -10.163, 黄色: -4.947, 緑色: 6.181
- LMS
- L: 31.436, M: 53.886, S: 84.164
- YCbCr
- Y: 138.220, Cb: 173.399, Cr: 38.890
- YCoCg
- Y: 157.000, Cg: 40.000, Co: -58.500
- YDbDr
- Y: 142.315, Db: 137.971, Dr: 270.630
- YPbPr
- Y: 157.703, Pb: 41.155, Pr: -100.202
- xvYCC
- Y: 151.439, Cb: 164.152, Cr: 39.979
- YIQ
- Y: 142.315, I: -129.243, Q: -30.145
- YUV
- Y: 142.315, U: 45.119, V: -124.855
- マンセルカラーシステム
- 7.5B 7/8 ΔE = 3.166
- ブランドカラー
- Engadget ΔE = 7.565