
HTML&CSS例
#c04342前景
悪因悪果。
<p style="color: #c04342">…</p>
#c04342背景
案ずるより産むが易し。
<p style="background-color: #c04342">…</p>
#c04342テキストに影をつける
猫に小判。
<p style="text-shadow: 0.1em 0.1em 0.15em #c04342">…</p>
色空間変換
- 十進
- 12600130
- 二進法
- 11000000, 01000011, 01000010
- 十六進法
- #c04342
- LRV
- ≈ 15.6%
- 最も近い短い16進数
- #b44 ΔE = 1.187
- RGB
- rgb(192, 67, 66)
- RGBA
- rgba(192, 67, 66, 1.0)
- rg色度
- r: 0.591, g: 0.206, b: 0.203
- RYB
- 赤色: 75.294%, 黄色: 26.278%, 青色: 25.882%
- Android/android.graphics.Color
- -4177086/0xffc04342
- HSL
- hsl(0, 50%, 51%)
- HSLA
- hsla(0, 50%, 51%, 1.0)
- HSV/HSB
- 色相: 0° (0.476), 飽和: 66% (0.656), 値: 75% (0.753)
- HSP
- 色相: 0.476, 飽和: 65.625%, 知覚される明るさ: 46.655%
- HSLuv(HUSL)
- H: 12.434, S: 62.542, L: 46.469
- Cubehelix
- H: -7.732, S: 0.833, L: 0.409
- TSL
- T: 3.938, S: 0.385, L: 0.409
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 65% (0.651), 黄色: 66% (0.656), キー・プレート: 25% (0.247)
- CMY
- シアン色: 25% (0.247), マゼンタ色: 74% (0.737), 黄色: 74% (0.741)
- XYZ
- X: 24.731, Y: 15.618, Z: 6.865
- xyY
- x: 0.524, y: 0.331, Y: 15.618
- Lab色空間
- L: 46.469, a: 49.946, b: 28.101
- CIELuv
- L: 46.469, u: 94.227, v: 20.776
- CIELCH/LCHab
- L: 46.469, C: 57.308, H: 29.364
- CIELUV/LCHuv
- L: 46.469, C: 96.490, H: 12.434
- Hunter-Lab
- L: 39.519, a: 42.548, b: 17.363
- CIECAM02
- J: 38.782, C: 62.262, h: 24.408, Q: 122.695, M: 54.447, s: 66.615, H: 5.387
- OSA-UCS
- 明度: -9.893, 黄色: 3.436, 緑色: -9.240
- LMS
- L: 23.717, M: 9.152, S: 7.038
- YCbCr
- Y: 105.580, Cb: 109.061, Cr: 182.946
- YCgCo
- Y: 98.000, Cg: -31.000, Co: 79.500
- YDbDr
- Y: 104.261, Db: -57.583, Dr: -166.842
- YPbPr
- Y: 93.553, Pb: -14.875, Pr: 62.546
- xvYCC
- Y: 96.346, Cb: 114.933, Cr: 182.942
- YIQ
- Y: 104.261, I: 74.786, Q: 26.121
- YUV
- Y: 104.261, U: -18.827, V: 76.975
- マンセルカラーシステム
- 5R 5/12 ΔE = 3.137
- ブランドカラー
- YouTube ΔE = 4.510