#3b4f12
RGB ( 赤 = 59, 緑 = 79, 青 = 18 )
HSL ( 色相 = 80°, 彩度 = 63%, 明度 = 19% )
H : 色相 ( 80° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #4f1212 : -80
10 : #4f1c12 : -70
20 : #4f2612 : -60
30 : #4f3012 : -50
40 : #4f3b12 : -40
50 : #4f4512 : -30
60 : #4f4f12 : -20
70 : #454f12 : -10
80 : #3b4f12 : ±0
90 : #304f12 : +10
100 : #264f12 : +20
110 : #1c4f12 : +30
120 : #124f12 : +40
130 : #124f1c : +50
140 : #124f26 : +60
150 : #124f30 : +70
160 : #124f3b : +80
170 : #124f45 : +90
180 : #124f4f : +100
190 : #12454f : +110
200 : #123b4f : +120
210 : #12304f : +130
220 : #12264f : +140
230 : #121c4f : +150
240 : #12124f : +160
250 : #1c124f : +170
260 : #26124f : +180
270 : #30124f : +190
280 : #3b124f : +200
290 : #45124f : +210
300 : #4f124f : +220
310 : #4f1245 : +230
320 : #4f123b : +240
330 : #4f1230 : +250
340 : #4f1226 : +260
350 : #4f121c : +270
70 : #454f12 : -10
71 : #444f12 : -9
72 : #434f12 : -8
73 : #424f12 : -7
74 : #414f12 : -6
75 : #404f12 : -5
76 : #3f4f12 : -4
77 : #3e4f12 : -3
78 : #3d4f12 : -2
79 : #3c4f12 : -1
80 : #3b4f12 : ±0
81 : #3a4f12 : +1
82 : #394f12 : +2
83 : #384f12 : +3
84 : #374f12 : +4
85 : #364f12 : +5
86 : #354f12 : +6
87 : #344f12 : +7
88 : #324f12 : +8
89 : #314f12 : +9
90 : #304f12 : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #313130 : -62
3 : #31322f : -60
5 : #31332e : -58
7 : #32342d : -56
9 : #32352c : -54
11 : #32362b : -52
13 : #33372a : -50
15 : #333829 : -48
17 : #333928 : -46
19 : #343a27 : -44
21 : #343b26 : -42
23 : #343c25 : -40
25 : #343d24 : -38
27 : #353e23 : -36
29 : #353f22 : -34
31 : #353f21 : -32
33 : #364020 : -30
35 : #36411f : -28
37 : #36421f : -26
39 : #37431e : -24
41 : #37441d : -22
43 : #37451c : -20
45 : #38461b : -18
47 : #38471a : -16
49 : #384819 : -14
51 : #394918 : -12
53 : #394a17 : -10
55 : #394b16 : -8
57 : #3a4c15 : -6
59 : #3a4d14 : -4
61 : #3a4e13 : -2
63 : #3b4f12 : ±0
65 : #3b5011 : +2
67 : #3b5110 : +4
69 : #3c520f : +6
71 : #3c530e : +8
73 : #3c540d : +10
75 : #3d550c : +12
77 : #3d560b : +14
79 : #3d570a : +16
81 : #3e5809 : +18
83 : #3e5908 : +20
85 : #3e5a07 : +22
87 : #3f5b06 : +24
89 : #3f5c05 : +26
91 : #3f5d04 : +28
93 : #3f5e03 : +30
95 : #405e02 : +32
97 : #405f01 : +34
99 : #406000 : +36
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030401 : -18
3 : #090c03 : -16
5 : #0f1505 : -14
7 : #161d07 : -12
9 : #1c2508 : -10
11 : #222e0a : -8
13 : #28360c : -6
15 : #2e3e0e : -4
17 : #344710 : -2
19 : #3b4f12 : ±0
21 : #415714 : +2
23 : #476016 : +4
25 : #4d6818 : +6
27 : #537019 : +8
29 : #59791b : +10
31 : #60811d : +12
33 : #66891f : +14
35 : #6c9121 : +16
37 : #729a23 : +18
39 : #78a225 : +20
41 : #7faa27 : +22
43 : #85b329 : +24
45 : #8bbb2a : +26
47 : #91c32c : +28
49 : #97cc2e : +30
51 : #9cd133 : +32
53 : #a0d33c : +34
55 : #a4d544 : +36
57 : #a8d64c : +38
59 : #acd855 : +40
61 : #b0da5d : +42
63 : #b4dc65 : +44
65 : #b8de6e : +46
67 : #bde076 : +48
69 : #c1e27e : +50
71 : #c5e486 : +52
73 : #c9e68f : +54
75 : #cde797 : +56
77 : #d1e99f : +58
79 : #d5eba8 : +60
81 : #d9edb0 : +62
83 : #ddefb8 : +64
85 : #e1f1c1 : +66
87 : #e5f3c9 : +68
89 : #e9f5d1 : +70
91 : #edf7da : +72
93 : #f1f8e2 : +74
95 : #f5faea : +76
97 : #f9fcf3 : +78
99 : #fdfefb : +80
CSS入門、作ってます。
text-shadow