#04810c
RGB
赤 | 4 |
---|---|
緑 | 129 |
青 | 12 |
HSL
色相 | 124° |
---|---|
彩度 | 94% |
明度 | 26% |
輝度 | 31% |
3桁の色
補色
反転色
RGB ( 赤 = 4, 緑 = 129, 青 = 12 )
HSL ( 色相 = 124°, 彩度 = 94%, 明度 = 26% )
H : 色相 ( 124° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #810c04 : -120
14 : #812104 : -110
24 : #813604 : -100
34 : #814b04 : -90
44 : #815f04 : -80
54 : #817404 : -70
64 : #788104 : -60
74 : #648104 : -50
84 : #4f8104 : -40
94 : #3a8104 : -30
104 : #258104 : -20
114 : #108104 : -10
124 : #04810c : ±0
134 : #048121 : +10
144 : #048136 : +20
154 : #04814b : +30
164 : #04815f : +40
174 : #048174 : +50
184 : #047881 : +60
194 : #046481 : +70
204 : #044f81 : +80
214 : #043a81 : +90
224 : #042581 : +100
234 : #041081 : +110
244 : #0c0481 : +120
254 : #210481 : +130
264 : #360481 : +140
274 : #4b0481 : +150
284 : #5f0481 : +160
294 : #740481 : +170
304 : #810478 : +180
314 : #810464 : +190
324 : #81044f : +200
334 : #81043a : +210
344 : #810425 : +220
354 : #810410 : +230
114 : #108104 : -10
115 : #0e8104 : -9
116 : #0c8104 : -8
117 : #0a8104 : -7
118 : #088104 : -6
119 : #068104 : -5
120 : #048104 : -4
121 : #048106 : -3
122 : #048108 : -2
123 : #04810a : -1
124 : #04810c : ±0
125 : #04810e : +1
126 : #048110 : +2
127 : #048113 : +3
128 : #048115 : +4
129 : #048117 : +5
130 : #048119 : +6
131 : #04811b : +7
132 : #04811d : +8
133 : #04811f : +9
134 : #048121 : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -94
2 : #414441 : -92
4 : #404540 : -90
6 : #3e463f : -88
8 : #3d483e : -86
10 : #3c493d : -84
12 : #3a4a3b : -82
14 : #394c3a : -80
16 : #384d39 : -78
18 : #364e38 : -76
20 : #355037 : -74
22 : #345136 : -72
24 : #325235 : -70
26 : #315433 : -68
28 : #305532 : -66
30 : #2e5631 : -64
32 : #2d5830 : -62
34 : #2c592f : -60
36 : #2a5a2e : -58
38 : #295b2c : -56
40 : #285d2b : -54
42 : #265e2a : -52
44 : #255f29 : -50
46 : #246128 : -48
48 : #226227 : -46
50 : #216326 : -44
52 : #206524 : -42
54 : #1e6623 : -40
56 : #1d6722 : -38
58 : #1c6921 : -36
60 : #1b6a20 : -34
62 : #196b1f : -32
64 : #186d1e : -30
66 : #176e1c : -28
68 : #156f1b : -26
70 : #14711a : -24
72 : #137219 : -22
74 : #117318 : -20
76 : #107517 : -18
78 : #0f7615 : -16
80 : #0d7714 : -14
82 : #0c7913 : -12
84 : #0b7a12 : -10
86 : #097b11 : -8
88 : #087d10 : -6
90 : #077e0f : -4
92 : #057f0d : -2
94 : #04810c : ±0
96 : #03820b : +2
98 : #01830a : +4
100 : #008509 : +6
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #000a01 : -24
4 : #011402 : -22
6 : #011e03 : -20
8 : #012804 : -18
10 : #023105 : -16
12 : #023b06 : -14
14 : #024507 : -12
16 : #024f08 : -10
18 : #035909 : -8
20 : #036309 : -6
22 : #036d0a : -4
24 : #04770b : -2
26 : #04810c : ±0
28 : #048b0d : +2
30 : #05940e : +4
32 : #059e0f : +6
34 : #05a810 : +8
36 : #06b211 : +10
38 : #06bc12 : +12
40 : #06c613 : +14
42 : #06d014 : +16
44 : #07da15 : +18
46 : #07e416 : +20
48 : #07ed17 : +22
50 : #08f718 : +24
52 : #12f821 : +26
54 : #1bf82a : +28
56 : #25f833 : +30
58 : #2ff93d : +32
60 : #39f946 : +34
62 : #43f94f : +36
64 : #4df958 : +38
66 : #57fa62 : +40
68 : #61fa6b : +42
70 : #6bfa74 : +44
72 : #74fb7d : +46
74 : #7efb87 : +48
76 : #88fb90 : +50
78 : #92fc99 : +52
80 : #9cfca2 : +54
82 : #a6fcac : +56
84 : #b0fdb5 : +58
86 : #bafdbe : +60
88 : #c4fdc7 : +62
90 : #cefdd1 : +64
92 : #d7feda : +66
94 : #e1fee3 : +68
96 : #ebfeec : +70
98 : #f5fff6 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow