#320d01
RGB ( 赤 = 50, 緑 = 13, 青 = 1 )
HSL ( 色相 = 15°, 彩度 = 96%, 明度 = 10% )
H : 色相 ( 15° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #320501 : -10
15 : #320d01 : ±0
25 : #321501 : +10
35 : #321e01 : +20
45 : #322601 : +30
55 : #322e01 : +40
65 : #2e3201 : +50
75 : #263201 : +60
85 : #1e3201 : +70
95 : #153201 : +80
105 : #0d3201 : +90
115 : #053201 : +100
125 : #013205 : +110
135 : #01320d : +120
145 : #013215 : +130
155 : #01321e : +140
165 : #013226 : +150
175 : #01322e : +160
185 : #012e32 : +170
195 : #012632 : +180
205 : #011e32 : +190
215 : #011532 : +200
225 : #010d32 : +210
235 : #010532 : +220
245 : #050132 : +230
255 : #0d0132 : +240
265 : #150132 : +250
275 : #1e0132 : +260
285 : #260132 : +270
295 : #2e0132 : +280
305 : #32012e : +290
315 : #320126 : +300
325 : #32011e : +310
335 : #320115 : +320
345 : #32010d : +330
355 : #320105 : +340
5 : #320501 : -10
6 : #320601 : -9
7 : #320701 : -8
8 : #320801 : -7
9 : #320801 : -6
10 : #320901 : -5
11 : #320a01 : -4
12 : #320b01 : -3
13 : #320c01 : -2
14 : #320c01 : -1
15 : #320d01 : ±0
16 : #320e01 : +1
17 : #320f01 : +2
18 : #321001 : +3
19 : #321101 : +4
20 : #321101 : +5
21 : #321201 : +6
22 : #321301 : +7
23 : #321401 : +8
24 : #321501 : +9
25 : #321501 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #191919 : -96
2 : #1a1919 : -94
4 : #1b1918 : -92
6 : #1b1918 : -90
8 : #1c1817 : -88
10 : #1c1817 : -86
12 : #1d1816 : -84
14 : #1d1816 : -82
16 : #1e1715 : -80
18 : #1e1715 : -78
20 : #1f1714 : -76
22 : #1f1714 : -74
24 : #201613 : -72
26 : #201613 : -70
28 : #211612 : -68
30 : #211612 : -66
32 : #221511 : -64
34 : #221511 : -62
36 : #231510 : -60
38 : #231510 : -58
40 : #24140f : -56
42 : #24140f : -54
44 : #25140e : -52
46 : #25140e : -50
48 : #26130d : -48
50 : #26130d : -46
52 : #27130c : -44
54 : #27130c : -42
56 : #28120b : -40
58 : #28120b : -38
60 : #29120a : -36
62 : #29120a : -34
64 : #2a1109 : -32
66 : #2a1109 : -30
68 : #2b1108 : -28
70 : #2b1108 : -26
72 : #2c1007 : -24
74 : #2c1007 : -22
76 : #2d1006 : -20
78 : #2d1006 : -18
80 : #2e0f05 : -16
82 : #2e0f05 : -14
84 : #2f0f04 : -12
86 : #2f0f04 : -10
88 : #300e03 : -8
90 : #300e03 : -6
92 : #310e02 : -4
94 : #310e02 : -2
96 : #320d01 : ±0
98 : #320d01 : +2
100 : #330d00 : +4
L : 明度 ( 10% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -10
2 : #0a0300 : -8
4 : #140500 : -6
6 : #1e0801 : -4
8 : #280b01 : -2
10 : #320d01 : ±0
12 : #3c1001 : +2
14 : #461301 : +4
16 : #501502 : +6
18 : #5a1802 : +8
20 : #641b02 : +10
22 : #6e1d02 : +12
24 : #782002 : +14
26 : #822203 : +16
28 : #8c2503 : +18
30 : #962803 : +20
32 : #a02a03 : +22
34 : #aa2d03 : +24
36 : #b43004 : +26
38 : #be3204 : +28
40 : #c83504 : +30
42 : #d23804 : +32
44 : #dc3a04 : +34
46 : #e63d05 : +36
48 : #f04005 : +38
50 : #fa4205 : +40
52 : #fa4a0f : +42
54 : #fa5119 : +44
56 : #fb5923 : +46
58 : #fb602d : +48
60 : #fb6837 : +50
62 : #fb7041 : +52
64 : #fb774b : +54
66 : #fc7f55 : +56
68 : #fc865f : +58
70 : #fc8e69 : +60
72 : #fc9573 : +62
74 : #fc9d7d : +64
76 : #fda487 : +66
78 : #fdac91 : +68
80 : #fdb49b : +70
82 : #fdbba5 : +72
84 : #fdc3af : +74
86 : #fecab9 : +76
88 : #fed2c3 : +78
90 : #fed9cd : +80
92 : #fee1d7 : +82
94 : #fee8e1 : +84
96 : #fff0eb : +86
98 : #fff7f5 : +88
100 : #ffffff : +90
CSS入門、作ってます。
text-shadow