#16ae13
RGB
| 赤 | 22 |
|---|---|
| 緑 | 174 |
| 青 | 19 |
HSL
| 色相 | 119° |
|---|---|
| 彩度 | 80% |
| 明度 | 38% |
| 輝度 | 43% |
３桁の色
補色
反転色
RGB ( 赤 = 22, 緑 = 174, 青 = 19 )
HSL ( 色相 = 119°, 彩度 = 80%, 明度 = 38% )
H : 色相 ( 119° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #ae2b13 : -110
19 : #ae4413 : -100
29 : #ae5e13 : -90
39 : #ae7813 : -80
49 : #ae9213 : -70
59 : #aeac13 : -60
69 : #97ae13 : -50
79 : #7dae13 : -40
89 : #63ae13 : -30
99 : #4aae13 : -20
109 : #30ae13 : -10
119 : #16ae13 : ±0
129 : #13ae2b : +10
139 : #13ae44 : +20
149 : #13ae5e : +30
159 : #13ae78 : +40
169 : #13ae92 : +50
179 : #13aeac : +60
189 : #1397ae : +70
199 : #137dae : +80
209 : #1363ae : +90
219 : #134aae : +100
229 : #1330ae : +110
239 : #1316ae : +120
249 : #2b13ae : +130
259 : #4413ae : +140
269 : #5e13ae : +150
279 : #7813ae : +160
289 : #9213ae : +170
299 : #ac13ae : +180
309 : #ae1397 : +190
319 : #ae137d : +200
329 : #ae1363 : +210
339 : #ae134a : +220
349 : #ae1330 : +230
359 : #ae1316 : +240
109 : #30ae13 : -10
110 : #2dae13 : -9
111 : #2bae13 : -8
112 : #28ae13 : -7
113 : #25ae13 : -6
114 : #23ae13 : -5
115 : #20ae13 : -4
116 : #1eae13 : -3
117 : #1bae13 : -2
118 : #19ae13 : -1
119 : #16ae13 : ±0
120 : #13ae13 : +1
121 : #13ae16 : +2
122 : #13ae19 : +3
123 : #13ae1b : +4
124 : #13ae1e : +5
125 : #13ae20 : +6
126 : #13ae23 : +7
127 : #13ae25 : +8
128 : #13ae28 : +9
129 : #13ae2b : +10
S : 彩度 ( 80% )
(0%) 渋い ～ 鮮やか (100%)
0 : #606060 : -80
2 : #5f635f : -78
4 : #5d655d : -76
6 : #5b675b : -74
8 : #596959 : -72
10 : #586b57 : -70
12 : #566d55 : -68
14 : #546e53 : -66
16 : #527051 : -64
18 : #50724f : -62
20 : #4e744e : -60
22 : #4c764c : -58
24 : #4a784a : -56
26 : #497a48 : -54
28 : #477c46 : -52
30 : #457e44 : -50
32 : #438042 : -48
34 : #418240 : -46
36 : #3f843e : -44
38 : #3d863c : -42
40 : #3b883a : -40
42 : #3a8a38 : -38
44 : #388c36 : -36
46 : #368d34 : -34
48 : #348f32 : -32
50 : #329130 : -30
52 : #30932f : -28
54 : #2e952d : -26
56 : #2c972b : -24
58 : #2b9929 : -22
60 : #299b27 : -20
62 : #279d25 : -18
64 : #259f23 : -16
66 : #23a121 : -14
68 : #21a31f : -12
70 : #1fa51d : -10
72 : #1da71b : -8
74 : #1ca919 : -6
76 : #1aab17 : -4
78 : #18ac15 : -2
80 : #16ae13 : ±0
82 : #14b011 : +2
84 : #12b210 : +4
86 : #10b40e : +6
88 : #0eb60c : +8
90 : #0db80a : +10
92 : #0bba08 : +12
94 : #09bc06 : +14
96 : #07be04 : +16
98 : #05c002 : +18
100 : #03c200 : +20
L : 明度 ( 38% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -38
2 : #010901 : -36
4 : #021202 : -34
6 : #031c03 : -32
8 : #052504 : -30
10 : #062e05 : -28
12 : #073706 : -26
14 : #084007 : -24
16 : #094908 : -22
18 : #0a5309 : -20
20 : #0c5c0a : -18
22 : #0d650b : -16
24 : #0e6e0c : -14
26 : #0f770d : -12
28 : #10810e : -10
30 : #118a0f : -8
32 : #129310 : -6
34 : #149c11 : -4
36 : #15a512 : -2
38 : #16ae13 : ±0
40 : #17b814 : +2
42 : #18c115 : +4
44 : #19ca16 : +6
46 : #1bd317 : +8
48 : #1cdc18 : +10
50 : #1de61a : +12
52 : #26e723 : +14
54 : #2fe82c : +16
56 : #38e935 : +18
58 : #41ea3e : +20
60 : #4aeb47 : +22
62 : #53ec51 : +24
64 : #5ced5a : +26
66 : #65ee63 : +28
68 : #6eef6c : +30
70 : #77f075 : +32
72 : #80f17e : +34
74 : #89f288 : +36
76 : #92f391 : +38
78 : #9cf49a : +40
80 : #a5f5a3 : +42
82 : #aef6ac : +44
84 : #b7f7b6 : +46
86 : #c0f8bf : +48
88 : #c9f9c8 : +50
90 : #d2fad1 : +52
92 : #dbfbda : +54
94 : #e4fce3 : +56
96 : #edfded : +58
98 : #f6fef6 : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow