#1f1565
RGB ( 赤 = 31, 緑 = 21, 青 = 101 )
HSL ( 色相 = 248°, 彩度 = 66%, 明度 = 24% )
H : 色相 ( 248° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #662015 : -240
18 : #662d15 : -230
28 : #663b15 : -220
38 : #664815 : -210
48 : #665515 : -200
58 : #666315 : -190
68 : #5b6615 : -180
78 : #4d6615 : -170
88 : #406615 : -160
98 : #326615 : -150
108 : #256615 : -140
118 : #186615 : -130
128 : #156620 : -120
138 : #15662d : -110
148 : #15663b : -100
158 : #156648 : -90
168 : #156655 : -80
178 : #156663 : -70
188 : #155b66 : -60
198 : #154d66 : -50
208 : #154066 : -40
218 : #153266 : -30
228 : #152566 : -20
238 : #151866 : -10
248 : #201566 : ±0
258 : #2d1566 : +10
268 : #3b1566 : +20
278 : #481566 : +30
288 : #551566 : +40
298 : #631566 : +50
308 : #66155b : +60
318 : #66154d : +70
328 : #661540 : +80
338 : #661532 : +90
348 : #661525 : +100
358 : #661518 : +110
238 : #151866 : -10
239 : #151666 : -9
240 : #151566 : -8
241 : #161566 : -7
242 : #181566 : -6
243 : #191566 : -5
244 : #1a1566 : -4
245 : #1c1566 : -3
246 : #1d1566 : -2
247 : #1e1566 : -1
248 : #201566 : ±0
249 : #211566 : +1
250 : #221566 : +2
251 : #241566 : +3
252 : #251566 : +4
253 : #261566 : +5
254 : #281566 : +6
255 : #291566 : +7
256 : #2a1566 : +8
257 : #2c1566 : +9
258 : #2d1566 : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -66
2 : #3c3c3e : -64
4 : #3b3b40 : -62
6 : #3b3a41 : -60
8 : #3a3842 : -58
10 : #393743 : -56
12 : #383645 : -54
14 : #373546 : -52
16 : #363347 : -50
18 : #353248 : -48
20 : #343149 : -46
22 : #33304b : -44
24 : #322f4c : -42
26 : #322d4d : -40
28 : #312c4e : -38
30 : #302b50 : -36
32 : #2f2a51 : -34
34 : #2e2852 : -32
36 : #2d2753 : -30
38 : #2c2654 : -28
40 : #2b2556 : -26
42 : #2a2357 : -24
44 : #292258 : -22
46 : #292159 : -20
48 : #28205b : -18
50 : #271f5c : -16
52 : #261d5d : -14
54 : #251c5e : -12
56 : #241b5f : -10
58 : #231a61 : -8
60 : #221862 : -6
62 : #211763 : -4
64 : #201664 : -2
66 : #201566 : ±0
68 : #1f1467 : +2
70 : #1e1268 : +4
72 : #1d1169 : +6
74 : #1c106a : +8
76 : #1b0f6c : +10
78 : #1a0d6d : +12
80 : #190c6e : +14
82 : #180b6f : +16
84 : #180a71 : +18
86 : #170972 : +20
88 : #160773 : +22
90 : #150674 : +24
92 : #140576 : +26
94 : #130477 : +28
96 : #120278 : +30
98 : #110179 : +32
100 : #10007a : +34
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #030208 : -22
4 : #050311 : -20
6 : #080519 : -18
8 : #0b0722 : -16
10 : #0d092a : -14
12 : #100a33 : -12
14 : #120c3b : -10
16 : #150e44 : -8
18 : #18104c : -6
20 : #1a1155 : -4
22 : #1d135d : -2
24 : #201566 : ±0
26 : #22176e : +2
28 : #251877 : +4
30 : #271a7f : +6
32 : #2a1c87 : +8
34 : #2d1d90 : +10
36 : #2f1f98 : +12
38 : #3221a1 : +14
40 : #3523a9 : +16
42 : #3724b2 : +18
44 : #3a26ba : +20
46 : #3d28c3 : +22
48 : #3f2acb : +24
50 : #422bd4 : +26
52 : #4934d5 : +28
54 : #513cd7 : +30
56 : #5845d9 : +32
58 : #604ddb : +34
60 : #6856dc : +36
62 : #6f5ede : +38
64 : #7767e0 : +40
66 : #7e6fe2 : +42
68 : #8678e3 : +44
70 : #8d80e5 : +46
72 : #9588e7 : +48
74 : #9d91e8 : +50
76 : #a499ea : +52
78 : #aca2ec : +54
80 : #b3aaee : +56
82 : #bbb3ef : +58
84 : #c2bbf1 : +60
86 : #cac4f3 : +62
88 : #d2ccf5 : +64
90 : #d9d5f6 : +66
92 : #e1ddf8 : +68
94 : #e8e6fa : +70
96 : #f0eefc : +72
98 : #f7f7fd : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow