
HTML&CSS例
#00c5eb前景
二兎を追う者は一兎をも得ず。
<p style="color: #00c5eb">…</p>
#00c5eb背景
見ぬが花。
<p style="background-color: #00c5eb">…</p>
#00c5ebテキストに影をつける
美人薄命。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c5eb">…</p>
色空間変換
- 十進
- 50667
- 二進法
- 00000000, 11000101, 11101011
- 十六進法
- #00c5eb
- LRV
- ≈ 45.9%
- 最も近い短い16進数
- #2ce ΔE = 2.791
- RGB
- rgb(0, 197, 235)
- RGBA
- rgba(0, 197, 235, 1.0)
- rg色度
- r: 0.000, g: 0.456, b: 0.544
- RYB
- 赤色: 0.000%, 黄色: 42.025%, 青色: 92.157%
- Android/android.graphics.Color
- -16726549/0xff00c5eb
- HSL
- hsl(190, 100%, 46%)
- HSLA
- hsla(190, 100%, 46%, 1.0)
- HSV/HSB
- 色相: 190° (189.702), 飽和: 100% (1.000), 値: 92% (0.922)
- HSP
- 色相: 189.702, 飽和: 100.000%, 知覚される明るさ: 66.870%
- HSLuv(HUSL)
- H: 220.290, S: 100.019, L: 73.497
- Cubehelix
- H: -178.136, S: 1.418, L: 0.557
- TSL
- T: -1.663, S: 0.477, L: 0.559
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 16% (0.162), 黄色: 0% (0.000), キー・プレート: 8% (0.078)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 8% (0.078)
- XYZ
- X: 34.955, Y: 45.926, Z: 85.603
- xyY
- x: 0.210, y: 0.276, Y: 45.926
- Lab色空間
- L: 73.497, a: -27.536, b: -30.284
- CIELuv
- L: 73.497, u: -52.800, v: -44.763
- CIELCH/LCHab
- L: 73.497, C: 40.931, H: 227.721
- CIELUV/LCHuv
- L: 73.497, C: 69.221, H: 220.290
- Hunter-Lab
- L: 67.769, a: -26.525, b: -27.455
- CIECAM02
- J: 62.969, C: 56.221, h: 219.592, Q: 156.341, M: 49.165, s: 56.078, H: 278.733
- OSA-UCS
- 明度: -10.166, 黄色: -5.033, 緑色: 6.168
- LMS
- L: 31.443, M: 53.887, S: 84.912
- YCbCr
- Y: 138.318, Cb: 173.838, Cr: 38.819
- YCoCg
- Y: 157.250, Cg: 39.750, Co: -58.750
- YDbDr
- Y: 142.429, Db: 139.304, Dr: 270.847
- YPbPr
- Y: 157.775, Pb: 41.655, Pr: -100.248
- xvYCC
- Y: 151.501, Cb: 164.591, Cr: 39.939
- YIQ
- Y: 142.429, I: -129.564, Q: -29.834
- YUV
- Y: 142.429, U: 45.555, V: -124.955
- マンセルカラーシステム
- 7.5B 7/8 ΔE = 3.281
- ブランドカラー
- Engadget ΔE = 7.241