#312234
RGB ( 赤 = 49, 緑 = 34, 青 = 52 )
HSL ( 色相 = 290°, 彩度 = 21%, 明度 = 17% )
H : 色相 ( 290° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #342222 : -290
10 : #342522 : -280
20 : #342822 : -270
30 : #342b22 : -260
40 : #342e22 : -250
50 : #343122 : -240
60 : #343422 : -230
70 : #313422 : -220
80 : #2e3422 : -210
90 : #2b3422 : -200
100 : #283422 : -190
110 : #253422 : -180
120 : #223422 : -170
130 : #223425 : -160
140 : #223428 : -150
150 : #22342b : -140
160 : #22342e : -130
170 : #223431 : -120
180 : #223434 : -110
190 : #223134 : -100
200 : #222e34 : -90
210 : #222b34 : -80
220 : #222834 : -70
230 : #222534 : -60
240 : #222234 : -50
250 : #252234 : -40
260 : #282234 : -30
270 : #2b2234 : -20
280 : #2e2234 : -10
290 : #312234 : ±0
300 : #342234 : +10
310 : #342231 : +20
320 : #34222e : +30
330 : #34222b : +40
340 : #342228 : +50
350 : #342225 : +60
280 : #2e2234 : -10
281 : #2f2234 : -9
282 : #2f2234 : -8
283 : #2f2234 : -7
284 : #302234 : -6
285 : #302234 : -5
286 : #302234 : -4
287 : #312234 : -3
288 : #312234 : -2
289 : #312234 : -1
290 : #312234 : ±0
291 : #322234 : +1
292 : #322234 : +2
293 : #322234 : +3
294 : #332234 : +4
295 : #332234 : +5
296 : #332234 : +6
297 : #342234 : +7
298 : #342234 : +8
299 : #342234 : +9
300 : #342234 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2c2b2c : -20
3 : #2c2a2d : -18
5 : #2d292e : -16
7 : #2d282e : -14
9 : #2e272f : -12
11 : #2f2730 : -10
13 : #2f2631 : -8
15 : #302532 : -6
17 : #302433 : -4
19 : #312334 : -2
21 : #312234 : ±0
23 : #322135 : +2
25 : #332136 : +4
27 : #332037 : +6
29 : #341f38 : +8
31 : #341e39 : +10
33 : #351d3a : +12
35 : #351c3b : +14
37 : #361b3b : +16
39 : #371a3c : +18
41 : #371a3d : +20
43 : #38193e : +22
45 : #38183f : +24
47 : #391740 : +26
49 : #3a1641 : +28
51 : #3a1541 : +30
53 : #3b1442 : +32
55 : #3b1443 : +34
57 : #3c1344 : +36
59 : #3c1245 : +38
61 : #3d1146 : +40
63 : #3e1047 : +42
65 : #3e0f48 : +44
67 : #3f0e48 : +46
69 : #3f0d49 : +48
71 : #400d4a : +50
73 : #400c4b : +52
75 : #410b4c : +54
77 : #420a4d : +56
79 : #42094e : +58
81 : #43084e : +60
83 : #43074f : +62
85 : #440750 : +64
87 : #440651 : +66
89 : #450552 : +68
91 : #460453 : +70
93 : #460354 : +72
95 : #470255 : +74
97 : #470155 : +76
99 : #480056 : +78
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -16
3 : #090609 : -14
5 : #0f0a0f : -12
7 : #140e16 : -10
9 : #1a121c : -8
11 : #201622 : -6
13 : #261a28 : -4
15 : #2c1e2e : -2
17 : #312234 : ±0
19 : #37263b : +2
21 : #3d2a41 : +4
23 : #432e47 : +6
25 : #49324d : +8
27 : #4e3653 : +10
29 : #543a59 : +12
31 : #5a3e60 : +14
33 : #604266 : +16
35 : #66476c : +18
37 : #6c4b72 : +20
39 : #714f78 : +22
41 : #77537f : +24
43 : #7d5785 : +26
45 : #835b8b : +28
47 : #895f91 : +30
49 : #8e6397 : +32
51 : #94689c : +34
53 : #986ea0 : +36
55 : #9c74a4 : +38
57 : #a17aa8 : +40
59 : #a580ac : +42
61 : #a987b0 : +44
63 : #ae8db4 : +46
65 : #b293b8 : +48
67 : #b799bd : +50
69 : #bb9fc1 : +52
71 : #bfa6c5 : +54
73 : #c4acc9 : +56
75 : #c8b2cd : +58
77 : #cdb8d1 : +60
79 : #d1bed5 : +62
81 : #d5c4d9 : +64
83 : #dacbdd : +66
85 : #ded1e1 : +68
87 : #e2d7e5 : +70
89 : #e7dde9 : +72
91 : #ebe3ed : +74
93 : #f0e9f1 : +76
95 : #f4f0f5 : +78
97 : #f8f6f9 : +80
99 : #fdfcfd : +82
CSS入門、作ってます。
text-shadow