#522b0f
RGB ( 赤 = 82, 緑 = 43, 青 = 15 )
HSL ( 色相 = 25°, 彩度 = 69%, 明度 = 19% )
H : 色相 ( 25° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #52150f : -20
15 : #52200f : -10
25 : #522b0f : ±0
35 : #52360f : +10
45 : #52410f : +20
55 : #524c0f : +30
65 : #4c520f : +40
75 : #41520f : +50
85 : #36520f : +60
95 : #2b520f : +70
105 : #20520f : +80
115 : #15520f : +90
125 : #0f5215 : +100
135 : #0f5220 : +110
145 : #0f522b : +120
155 : #0f5236 : +130
165 : #0f5241 : +140
175 : #0f524c : +150
185 : #0f4c52 : +160
195 : #0f4152 : +170
205 : #0f3652 : +180
215 : #0f2b52 : +190
225 : #0f2052 : +200
235 : #0f1552 : +210
245 : #150f52 : +220
255 : #200f52 : +230
265 : #2b0f52 : +240
275 : #360f52 : +250
285 : #410f52 : +260
295 : #4c0f52 : +270
305 : #520f4c : +280
315 : #520f41 : +290
325 : #520f36 : +300
335 : #520f2b : +310
345 : #520f20 : +320
355 : #520f15 : +330
15 : #52200f : -10
16 : #52210f : -9
17 : #52220f : -8
18 : #52230f : -7
19 : #52240f : -6
20 : #52250f : -5
21 : #52260f : -4
22 : #52280f : -3
23 : #52290f : -2
24 : #522a0f : -1
25 : #522b0f : ±0
26 : #522c0f : +1
27 : #522d0f : +2
28 : #522e0f : +3
29 : #522f0f : +4
30 : #52300f : +5
31 : #52320f : +6
32 : #52330f : +7
33 : #52340f : +8
34 : #52350f : +9
35 : #52360f : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #313030 : -68
3 : #32302f : -66
5 : #33302e : -64
7 : #34302d : -62
9 : #35302c : -60
11 : #36302b : -58
13 : #372f2a : -56
15 : #382f29 : -54
17 : #392f28 : -52
19 : #3a2f27 : -50
21 : #3b2f26 : -48
23 : #3c2f25 : -46
25 : #3d2e24 : -44
27 : #3e2e23 : -42
29 : #3f2e22 : -40
31 : #3f2e21 : -38
33 : #402e20 : -36
35 : #412e1f : -34
37 : #422d1f : -32
39 : #432d1e : -30
41 : #442d1d : -28
43 : #452d1c : -26
45 : #462d1b : -24
47 : #472d1a : -22
49 : #482c19 : -20
51 : #492c18 : -18
53 : #4a2c17 : -16
55 : #4b2c16 : -14
57 : #4c2c15 : -12
59 : #4d2c14 : -10
61 : #4e2c13 : -8
63 : #4f2b12 : -6
65 : #502b11 : -4
67 : #512b10 : -2
69 : #522b0f : ±0
71 : #532b0e : +2
73 : #542b0d : +4
75 : #552a0c : +6
77 : #562a0b : +8
79 : #572a0a : +10
81 : #582a09 : +12
83 : #592a08 : +14
85 : #5a2a07 : +16
87 : #5b2906 : +18
89 : #5c2905 : +20
91 : #5d2904 : +22
93 : #5e2903 : +24
95 : #5e2902 : +26
97 : #5f2901 : +28
99 : #602800 : +30
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -18
3 : #0d0702 : -16
5 : #160b04 : -14
7 : #1e1006 : -12
9 : #271407 : -10
11 : #2f1909 : -8
13 : #381d0a : -6
15 : #41220c : -4
17 : #49260d : -2
19 : #522b0f : ±0
21 : #5a2f11 : +2
23 : #633412 : +4
25 : #6c3814 : +6
27 : #743d15 : +8
29 : #7d4117 : +10
31 : #864619 : +12
33 : #8e4a1a : +14
35 : #974f1c : +16
37 : #9f531d : +18
39 : #a8581f : +20
41 : #b15d20 : +22
43 : #b96122 : +24
45 : #c26624 : +26
47 : #cb6a25 : +28
49 : #d36f27 : +30
51 : #d8742c : +32
53 : #da7934 : +34
55 : #db7f3d : +36
57 : #dd8546 : +38
59 : #df8a4e : +40
61 : #e09057 : +42
63 : #e29660 : +44
65 : #e39b68 : +46
67 : #e5a171 : +48
69 : #e6a779 : +50
71 : #e8ad82 : +52
73 : #eab28b : +54
75 : #ebb893 : +56
77 : #edbe9c : +58
79 : #eec3a5 : +60
81 : #f0c9ad : +62
83 : #f2cfb6 : +64
85 : #f3d4be : +66
87 : #f5dac7 : +68
89 : #f6e0d0 : +70
91 : #f8e5d8 : +72
93 : #f9ebe1 : +74
95 : #fbf1e9 : +76
97 : #fdf6f2 : +78
99 : #fefcfb : +80
CSS入門、作ってます。
text-shadow