#37270f
RGB ( 赤 = 55, 緑 = 39, 青 = 15 )
HSL ( 色相 = 36°, 彩度 = 57%, 明度 = 14% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #38130f : -30
16 : #381a0f : -20
26 : #38210f : -10
36 : #38280f : ±0
46 : #382f0f : +10
56 : #38350f : +20
66 : #34380f : +30
76 : #2d380f : +40
86 : #26380f : +50
96 : #20380f : +60
106 : #19380f : +70
116 : #12380f : +80
126 : #0f3813 : +90
136 : #0f381a : +100
146 : #0f3821 : +110
156 : #0f3828 : +120
166 : #0f382f : +130
176 : #0f3835 : +140
186 : #0f3438 : +150
196 : #0f2d38 : +160
206 : #0f2638 : +170
216 : #0f2038 : +180
226 : #0f1938 : +190
236 : #0f1238 : +200
246 : #130f38 : +210
256 : #1a0f38 : +220
266 : #210f38 : +230
276 : #280f38 : +240
286 : #2f0f38 : +250
296 : #350f38 : +260
306 : #380f34 : +270
316 : #380f2d : +280
326 : #380f26 : +290
336 : #380f20 : +300
346 : #380f19 : +310
356 : #380f12 : +320
26 : #38210f : -10
27 : #38220f : -9
28 : #38220f : -8
29 : #38230f : -7
30 : #38240f : -6
31 : #38240f : -5
32 : #38250f : -4
33 : #38260f : -3
34 : #38260f : -2
35 : #38270f : -1
36 : #38280f : ±0
37 : #38280f : +1
38 : #38290f : +2
39 : #382a0f : +3
40 : #382a0f : +4
41 : #382b0f : +5
42 : #382c0f : +6
43 : #382d0f : +7
44 : #382d0f : +8
45 : #382e0f : +9
46 : #382f0f : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #242423 : -56
3 : #252423 : -54
5 : #252422 : -52
7 : #262421 : -50
9 : #272420 : -48
11 : #282420 : -46
13 : #28251f : -44
15 : #29251e : -42
17 : #2a251e : -40
19 : #2a251d : -38
21 : #2b251c : -36
23 : #2c251b : -34
25 : #2d251b : -32
27 : #2d261a : -30
29 : #2e2619 : -28
31 : #2f2619 : -26
33 : #2f2618 : -24
35 : #302617 : -22
37 : #312616 : -20
39 : #322616 : -18
41 : #322715 : -16
43 : #332714 : -14
45 : #342714 : -12
47 : #342713 : -10
49 : #352712 : -8
51 : #362711 : -6
53 : #372711 : -4
55 : #372810 : -2
57 : #38280f : ±0
59 : #39280f : +2
61 : #39280e : +4
63 : #3a280d : +6
65 : #3b280c : +8
67 : #3c280c : +10
69 : #3c290b : +12
71 : #3d290a : +14
73 : #3e290a : +16
75 : #3e2909 : +18
77 : #3f2908 : +20
79 : #402907 : +22
81 : #412907 : +24
83 : #412a06 : +26
85 : #422a05 : +28
87 : #432a05 : +30
89 : #432a04 : +32
91 : #442a03 : +34
93 : #452a02 : +36
95 : #462a02 : +38
97 : #462b01 : +40
99 : #472b00 : +42
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #080602 : -12
4 : #100b04 : -10
6 : #181107 : -8
8 : #201709 : -6
10 : #281c0b : -4
12 : #30220d : -2
14 : #38280f : ±0
16 : #402d12 : +2
18 : #483314 : +4
20 : #503916 : +6
22 : #583e18 : +8
24 : #60441a : +10
26 : #684a1d : +12
28 : #70501f : +14
30 : #785521 : +16
32 : #805b23 : +18
34 : #886125 : +20
36 : #906627 : +22
38 : #986c2a : +24
40 : #a0722c : +26
42 : #a8772e : +28
44 : #b07d30 : +30
46 : #b88332 : +32
48 : #c08835 : +34
50 : #c88e37 : +36
52 : #ca933f : +38
54 : #cd9747 : +40
56 : #cf9c4f : +42
58 : #d1a057 : +44
60 : #d3a55f : +46
62 : #d5a967 : +48
64 : #d8ae6f : +50
66 : #dab277 : +52
68 : #dcb77f : +54
70 : #debb87 : +56
72 : #e0c08f : +58
74 : #e2c497 : +60
76 : #e5c99f : +62
78 : #e7cda7 : +64
80 : #e9d2af : +66
82 : #ebd6b7 : +68
84 : #eddbbf : +70
86 : #f0dfc7 : +72
88 : #f2e4cf : +74
90 : #f4e8d7 : +76
92 : #f6eddf : +78
94 : #f8f1e7 : +80
96 : #fbf6ef : +82
98 : #fdfaf7 : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow