#331442
RGB ( 赤 = 51, 緑 = 20, 青 = 66 )
HSL ( 色相 = 280°, 彩度 = 53%, 明度 = 17% )
H : 色相 ( 280° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #421414 : -280
10 : #421c14 : -270
20 : #422414 : -260
30 : #422b14 : -250
40 : #423314 : -240
50 : #423b14 : -230
60 : #424214 : -220
70 : #3b4214 : -210
80 : #334214 : -200
90 : #2b4214 : -190
100 : #244214 : -180
110 : #1c4214 : -170
120 : #144214 : -160
130 : #14421c : -150
140 : #144224 : -140
150 : #14422b : -130
160 : #144233 : -120
170 : #14423b : -110
180 : #144242 : -100
190 : #143b42 : -90
200 : #143342 : -80
210 : #142b42 : -70
220 : #142442 : -60
230 : #141c42 : -50
240 : #141442 : -40
250 : #1c1442 : -30
260 : #241442 : -20
270 : #2b1442 : -10
280 : #331442 : ±0
290 : #3b1442 : +10
300 : #421442 : +20
310 : #42143b : +30
320 : #421433 : +40
330 : #42142b : +50
340 : #421424 : +60
350 : #42141c : +70
270 : #2b1442 : -10
271 : #2c1442 : -9
272 : #2d1442 : -8
273 : #2e1442 : -7
274 : #2e1442 : -6
275 : #2f1442 : -5
276 : #301442 : -4
277 : #311442 : -3
278 : #311442 : -2
279 : #321442 : -1
280 : #331442 : ±0
281 : #341442 : +1
282 : #351442 : +2
283 : #351442 : +3
284 : #361442 : +4
285 : #371442 : +5
286 : #381442 : +6
287 : #381442 : +7
288 : #391442 : +8
289 : #3a1442 : +9
290 : #3b1442 : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2b2b2c : -52
3 : #2c2a2d : -50
5 : #2c292e : -48
7 : #2c282e : -46
9 : #2d272f : -44
11 : #2d2730 : -42
13 : #2d2631 : -40
15 : #2e2532 : -38
17 : #2e2433 : -36
19 : #2e2334 : -34
21 : #2e2234 : -32
23 : #2f2135 : -30
25 : #2f2136 : -28
27 : #2f2037 : -26
29 : #301f38 : -24
31 : #301e39 : -22
33 : #301d3a : -20
35 : #301c3b : -18
37 : #311b3b : -16
39 : #311a3c : -14
41 : #311a3d : -12
43 : #32193e : -10
45 : #32183f : -8
47 : #321740 : -6
49 : #321641 : -4
51 : #331541 : -2
53 : #331442 : ±0
55 : #331443 : +2
57 : #341344 : +4
59 : #341245 : +6
61 : #341146 : +8
63 : #341047 : +10
65 : #350f48 : +12
67 : #350e48 : +14
69 : #350d49 : +16
71 : #360d4a : +18
73 : #360c4b : +20
75 : #360b4c : +22
77 : #360a4d : +24
79 : #37094e : +26
81 : #37084e : +28
83 : #37074f : +30
85 : #380750 : +32
87 : #380651 : +34
89 : #380552 : +36
91 : #380453 : +38
93 : #390354 : +40
95 : #390255 : +42
97 : #390155 : +44
99 : #3a0056 : +46
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -16
3 : #09040c : -14
5 : #0f0614 : -12
7 : #15081b : -10
9 : #1b0b23 : -8
11 : #210d2b : -6
13 : #271033 : -4
15 : #2d123b : -2
17 : #331442 : ±0
19 : #39174a : +2
21 : #3f1952 : +4
23 : #451c5a : +6
25 : #4b1e62 : +8
27 : #512069 : +10
29 : #572371 : +12
31 : #5d2579 : +14
33 : #632881 : +16
35 : #692a89 : +18
37 : #6f2c90 : +20
39 : #752f98 : +22
41 : #7b31a0 : +24
43 : #8134a8 : +26
45 : #8736b0 : +28
47 : #8d38b7 : +30
49 : #933bbf : +32
51 : #9840c4 : +34
53 : #9c48c7 : +36
55 : #a14fc9 : +38
57 : #a557cb : +40
59 : #a95fce : +42
61 : #ad67d0 : +44
63 : #b16fd3 : +46
65 : #b676d5 : +48
67 : #ba7ed7 : +50
69 : #be86da : +52
71 : #c28edc : +54
73 : #c696df : +56
75 : #cb9de1 : +58
77 : #cfa5e3 : +60
79 : #d3ade6 : +62
81 : #d7b5e8 : +64
83 : #dbbdeb : +66
85 : #e0c4ed : +68
87 : #e4ccef : +70
89 : #e8d4f2 : +72
91 : #ecdcf4 : +74
93 : #f0e4f7 : +76
95 : #f5ebf9 : +78
97 : #f9f3fb : +80
99 : #fdfbfe : +82
CSS入門、作ってます。
text-shadow