#370b4c
RGB ( 赤 = 55, 緑 = 11, 青 = 76 )
HSL ( 色相 = 281°, 彩度 = 75%, 明度 = 17% )
H : 色相 ( 281° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #4c0c0b : -280
11 : #4c170b : -270
21 : #4c220b : -260
31 : #4c2c0b : -250
41 : #4c370b : -240
51 : #4c420b : -230
61 : #4b4c0b : -220
71 : #404c0b : -210
81 : #354c0b : -200
91 : #2a4c0b : -190
101 : #1f4c0b : -180
111 : #154c0b : -170
121 : #0b4c0c : -160
131 : #0b4c17 : -150
141 : #0b4c22 : -140
151 : #0b4c2c : -130
161 : #0b4c37 : -120
171 : #0b4c42 : -110
181 : #0b4b4c : -100
191 : #0b404c : -90
201 : #0b354c : -80
211 : #0b2a4c : -70
221 : #0b1f4c : -60
231 : #0b154c : -50
241 : #0c0b4c : -40
251 : #170b4c : -30
261 : #220b4c : -20
271 : #2c0b4c : -10
281 : #370b4c : ±0
291 : #420b4c : +10
301 : #4c0b4b : +20
311 : #4c0b40 : +30
321 : #4c0b35 : +40
331 : #4c0b2a : +50
341 : #4c0b1f : +60
351 : #4c0b15 : +70
271 : #2c0b4c : -10
272 : #2e0b4c : -9
273 : #2f0b4c : -8
274 : #300b4c : -7
275 : #310b4c : -6
276 : #320b4c : -5
277 : #330b4c : -4
278 : #340b4c : -3
279 : #350b4c : -2
280 : #360b4c : -1
281 : #370b4c : ±0
282 : #380b4c : +1
283 : #390b4c : +2
284 : #3b0b4c : +3
285 : #3c0b4c : +4
286 : #3d0b4c : +5
287 : #3e0b4c : +6
288 : #3f0b4c : +7
289 : #400b4c : +8
290 : #410b4c : +9
291 : #420b4c : +10
S : 彩度 ( 75% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2c2b2c : -74
3 : #2c2a2d : -72
5 : #2c292e : -70
7 : #2c282e : -68
9 : #2d272f : -66
11 : #2d2730 : -64
13 : #2d2631 : -62
15 : #2e2532 : -60
17 : #2e2433 : -58
19 : #2e2334 : -56
21 : #2f2234 : -54
23 : #2f2135 : -52
25 : #2f2136 : -50
27 : #302037 : -48
29 : #301f38 : -46
31 : #301e39 : -44
33 : #311d3a : -42
35 : #311c3b : -40
37 : #311b3b : -38
39 : #321a3c : -36
41 : #321a3d : -34
43 : #32193e : -32
45 : #33183f : -30
47 : #331740 : -28
49 : #331641 : -26
51 : #331541 : -24
53 : #341442 : -22
55 : #341443 : -20
57 : #341344 : -18
59 : #351245 : -16
61 : #351146 : -14
63 : #351047 : -12
65 : #360f48 : -10
67 : #360e48 : -8
69 : #360d49 : -6
71 : #370d4a : -4
73 : #370c4b : -2
75 : #370b4c : ±0
77 : #380a4d : +2
79 : #38094e : +4
81 : #38084e : +6
83 : #39074f : +8
85 : #390750 : +10
87 : #390651 : +12
89 : #390552 : +14
91 : #3a0453 : +16
93 : #3a0354 : +18
95 : #3a0255 : +20
97 : #3b0155 : +22
99 : #3b0056 : +24
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -16
3 : #0a020d : -14
5 : #100316 : -12
7 : #17041f : -10
9 : #1d0628 : -8
11 : #240731 : -6
13 : #2a083a : -4
15 : #310a43 : -2
17 : #370b4c : ±0
19 : #3e0c55 : +2
21 : #440d5e : +4
23 : #4b0f67 : +6
25 : #511070 : +8
27 : #581178 : +10
29 : #5e1281 : +12
31 : #65148a : +14
33 : #6b1593 : +16
35 : #72169c : +18
37 : #7818a5 : +20
39 : #7f19ae : +22
41 : #851ab7 : +24
43 : #8c1bc0 : +26
45 : #921dc9 : +28
47 : #991ed2 : +30
49 : #9f1fdb : +32
51 : #a424e0 : +34
53 : #a82de1 : +36
55 : #ac36e2 : +38
57 : #b03fe4 : +40
59 : #b348e5 : +42
61 : #b751e6 : +44
63 : #bb5ae7 : +46
65 : #be63e9 : +48
67 : #c26cea : +50
69 : #c675eb : +52
71 : #c97eed : +54
73 : #cd87ee : +56
75 : #d18fef : +58
77 : #d498f0 : +60
79 : #d8a1f2 : +62
81 : #dcaaf3 : +64
83 : #e0b3f4 : +66
85 : #e3bcf5 : +68
87 : #e7c5f7 : +70
89 : #ebcef8 : +72
91 : #eed7f9 : +74
93 : #f2e0fb : +76
95 : #f6e9fc : +78
97 : #f9f2fd : +80
99 : #fdfbfe : +82
CSS入門、作ってます。
text-shadow