#301636
RGB ( 赤 = 48, 緑 = 22, 青 = 54 )
HSL ( 色相 = 289°, 彩度 = 42%, 明度 = 15% )
H : 色相 ( 289° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #361b16 : -280
19 : #362016 : -270
29 : #362616 : -260
39 : #362b16 : -250
49 : #363016 : -240
59 : #363616 : -230
69 : #313616 : -220
79 : #2c3616 : -210
89 : #273616 : -200
99 : #213616 : -190
109 : #1c3616 : -180
119 : #173616 : -170
129 : #16361b : -160
139 : #163620 : -150
149 : #163626 : -140
159 : #16362b : -130
169 : #163630 : -120
179 : #163636 : -110
189 : #163136 : -100
199 : #162c36 : -90
209 : #162736 : -80
219 : #162136 : -70
229 : #161c36 : -60
239 : #161736 : -50
249 : #1b1636 : -40
259 : #201636 : -30
269 : #261636 : -20
279 : #2b1636 : -10
289 : #301636 : ±0
299 : #361636 : +10
309 : #361631 : +20
319 : #36162c : +30
329 : #361627 : +40
339 : #361621 : +50
349 : #36161c : +60
359 : #361617 : +70
279 : #2b1636 : -10
280 : #2c1636 : -9
281 : #2c1636 : -8
282 : #2d1636 : -7
283 : #2d1636 : -6
284 : #2e1636 : -5
285 : #2e1636 : -4
286 : #2f1636 : -3
287 : #2f1636 : -2
288 : #301636 : -1
289 : #301636 : ±0
290 : #311636 : +1
291 : #311636 : +2
292 : #321636 : +3
293 : #331636 : +4
294 : #331636 : +5
295 : #341636 : +6
296 : #341636 : +7
297 : #351636 : +8
298 : #351636 : +9
299 : #361636 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -42
2 : #272527 : -40
4 : #272528 : -38
6 : #282429 : -36
8 : #282329 : -34
10 : #29222a : -32
12 : #29222b : -30
14 : #2a212c : -28
16 : #2a202c : -26
18 : #2b1f2d : -24
20 : #2b1f2e : -22
22 : #2c1e2f : -20
24 : #2c1d2f : -18
26 : #2d1c30 : -16
28 : #2d1c31 : -14
30 : #2e1b32 : -12
32 : #2e1a32 : -10
34 : #2e1933 : -8
36 : #2f1834 : -6
38 : #2f1835 : -4
40 : #301736 : -2
42 : #301636 : ±0
44 : #311537 : +2
46 : #311538 : +4
48 : #321439 : +6
50 : #321339 : +8
52 : #33123a : +10
54 : #33123b : +12
56 : #34113c : +14
58 : #34103c : +16
60 : #350f3d : +18
62 : #350f3e : +20
64 : #360e3f : +22
66 : #360d3f : +24
68 : #370c40 : +26
70 : #370b41 : +28
72 : #380b42 : +30
74 : #380a43 : +32
76 : #390943 : +34
78 : #390844 : +36
80 : #3a0845 : +38
82 : #3a0746 : +40
84 : #3b0646 : +42
86 : #3b0547 : +44
88 : #3c0548 : +46
90 : #3c0449 : +48
92 : #3d0349 : +50
94 : #3d024a : +52
96 : #3e024b : +54
98 : #3e014c : +56
100 : #3e004d : +58
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -14
3 : #0a040b : -12
5 : #100712 : -10
7 : #170a19 : -8
9 : #1d0d21 : -6
11 : #241028 : -4
13 : #2a132f : -2
15 : #301636 : ±0
17 : #37193e : +2
19 : #3d1c45 : +4
21 : #441f4c : +6
23 : #4a2253 : +8
25 : #51255b : +10
27 : #572862 : +12
29 : #5e2b69 : +14
31 : #642e70 : +16
33 : #6b3177 : +18
35 : #71347f : +20
37 : #773786 : +22
39 : #7e3a8d : +24
41 : #843d94 : +26
43 : #8b409c : +28
45 : #9143a3 : +30
47 : #9846aa : +32
49 : #9e48b1 : +34
51 : #a34eb7 : +36
53 : #a755b9 : +38
55 : #ab5cbc : +40
57 : #af63bf : +42
59 : #b26bc2 : +44
61 : #b672c5 : +46
63 : #ba79c8 : +48
65 : #bd80cb : +50
67 : #c188ce : +52
69 : #c58fd1 : +54
71 : #c996d4 : +56
73 : #cc9dd7 : +58
75 : #d0a4da : +60
77 : #d4acdd : +62
79 : #d8b3e0 : +64
81 : #dbbae3 : +66
83 : #dfc1e6 : +68
85 : #e3c9e9 : +70
87 : #e7d0ec : +72
89 : #ead7ef : +74
91 : #eedef2 : +76
93 : #f2e6f5 : +78
95 : #f6edf8 : +80
97 : #f9f4fb : +82
99 : #fdfbfe : +84
CSS入門、作ってます。
text-shadow