#331a61
RGB ( 赤 = 51, 緑 = 26, 青 = 97 )
HSL ( 色相 = 261°, 彩度 = 58%, 明度 = 24% )
H : 色相 ( 261° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #611b1a : -260
11 : #61271a : -250
21 : #61331a : -240
31 : #613e1a : -230
41 : #614a1a : -220
51 : #61561a : -210
61 : #60611a : -200
71 : #54611a : -190
81 : #48611a : -180
91 : #3c611a : -170
101 : #30611a : -160
111 : #24611a : -150
121 : #1a611b : -140
131 : #1a6127 : -130
141 : #1a6133 : -120
151 : #1a613e : -110
161 : #1a614a : -100
171 : #1a6156 : -90
181 : #1a6061 : -80
191 : #1a5461 : -70
201 : #1a4861 : -60
211 : #1a3c61 : -50
221 : #1a3061 : -40
231 : #1a2461 : -30
241 : #1b1a61 : -20
251 : #271a61 : -10
261 : #331a61 : ±0
271 : #3e1a61 : +10
281 : #4a1a61 : +20
291 : #561a61 : +30
301 : #611a60 : +40
311 : #611a54 : +50
321 : #611a48 : +60
331 : #611a3c : +70
341 : #611a30 : +80
351 : #611a24 : +90
251 : #271a61 : -10
252 : #281a61 : -9
253 : #291a61 : -8
254 : #2a1a61 : -7
255 : #2b1a61 : -6
256 : #2d1a61 : -5
257 : #2e1a61 : -4
258 : #2f1a61 : -3
259 : #301a61 : -2
260 : #311a61 : -1
261 : #331a61 : ±0
262 : #341a61 : +1
263 : #351a61 : +2
264 : #361a61 : +3
265 : #371a61 : +4
266 : #381a61 : +5
267 : #3a1a61 : +6
268 : #3b1a61 : +7
269 : #3c1a61 : +8
270 : #3d1a61 : +9
271 : #3e1a61 : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -58
2 : #3d3c3e : -56
4 : #3c3b40 : -54
6 : #3c3a41 : -52
8 : #3c3842 : -50
10 : #3b3743 : -48
12 : #3b3645 : -46
14 : #3b3546 : -44
16 : #3a3347 : -42
18 : #3a3248 : -40
20 : #3a3149 : -38
22 : #39304b : -36
24 : #392f4c : -34
26 : #382d4d : -32
28 : #382c4e : -30
30 : #382b50 : -28
32 : #372a51 : -26
34 : #372852 : -24
36 : #372753 : -22
38 : #362654 : -20
40 : #362556 : -18
42 : #352357 : -16
44 : #352258 : -14
46 : #352159 : -12
48 : #34205b : -10
50 : #341f5c : -8
52 : #341d5d : -6
54 : #331c5e : -4
56 : #331b5f : -2
58 : #331a61 : ±0
60 : #321862 : +2
62 : #321763 : +4
64 : #311664 : +6
66 : #311566 : +8
68 : #311467 : +10
70 : #301268 : +12
72 : #301169 : +14
74 : #30106a : +16
76 : #2f0f6c : +18
78 : #2f0d6d : +20
80 : #2f0c6e : +22
82 : #2e0b6f : +24
84 : #2e0a71 : +26
86 : #2d0972 : +28
88 : #2d0773 : +30
90 : #2d0674 : +32
92 : #2c0576 : +34
94 : #2c0477 : +36
96 : #2c0278 : +38
98 : #2b0179 : +40
100 : #2b007a : +42
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #040208 : -22
4 : #080410 : -20
6 : #0d0618 : -18
8 : #110920 : -16
10 : #150b28 : -14
12 : #190d30 : -12
14 : #1d0f38 : -10
16 : #221140 : -8
18 : #261349 : -6
20 : #2a1551 : -4
22 : #2e1859 : -2
24 : #331a61 : ±0
26 : #371c69 : +2
28 : #3b1e71 : +4
30 : #3f2079 : +6
32 : #432281 : +8
34 : #482489 : +10
36 : #4c2791 : +12
38 : #502999 : +14
40 : #542ba1 : +16
42 : #582da9 : +18
44 : #5d2fb1 : +20
46 : #6131b9 : +22
48 : #6533c1 : +24
50 : #6936c9 : +26
52 : #6f3ecc : +28
54 : #7546ce : +30
56 : #7b4ed0 : +32
58 : #8156d2 : +34
60 : #875ed4 : +36
62 : #8d66d6 : +38
64 : #936ed8 : +40
66 : #9976db : +42
68 : #9f7edd : +44
70 : #a586df : +46
72 : #ab8ee1 : +48
74 : #b196e3 : +50
76 : #b79ee5 : +52
78 : #bda6e7 : +54
80 : #c3aeea : +56
82 : #c9b6ec : +58
84 : #cfbfee : +60
86 : #d5c7f0 : +62
88 : #dbcff2 : +64
90 : #e1d7f4 : +66
92 : #e7dff6 : +68
94 : #ede7f9 : +70
96 : #f3effb : +72
98 : #f9f7fd : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow