#2d102a
RGB ( 赤 = 45, 緑 = 16, 青 = 42 )
HSL ( 色相 = 306°, 彩度 = 48%, 明度 = 12% )
H : 色相 ( 306° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #2d1310 : -300
16 : #2d1810 : -290
26 : #2d1d10 : -280
36 : #2d2210 : -270
46 : #2d2610 : -260
56 : #2d2b10 : -250
66 : #2a2d10 : -240
76 : #252d10 : -230
86 : #212d10 : -220
96 : #1c2d10 : -210
106 : #172d10 : -200
116 : #122d10 : -190
126 : #102d13 : -180
136 : #102d18 : -170
146 : #102d1d : -160
156 : #102d22 : -150
166 : #102d26 : -140
176 : #102d2b : -130
186 : #102a2d : -120
196 : #10252d : -110
206 : #10212d : -100
216 : #101c2d : -90
226 : #10172d : -80
236 : #10122d : -70
246 : #13102d : -60
256 : #18102d : -50
266 : #1d102d : -40
276 : #22102d : -30
286 : #26102d : -20
296 : #2b102d : -10
306 : #2d102a : ±0
316 : #2d1025 : +10
326 : #2d1021 : +20
336 : #2d101c : +30
346 : #2d1017 : +40
356 : #2d1012 : +50
296 : #2b102d : -10
297 : #2c102d : -9
298 : #2c102d : -8
299 : #2d102d : -7
300 : #2d102d : -6
301 : #2d102d : -5
302 : #2d102c : -4
303 : #2d102c : -3
304 : #2d102b : -2
305 : #2d102b : -1
306 : #2d102a : ±0
307 : #2d102a : +1
308 : #2d1029 : +2
309 : #2d1029 : +3
310 : #2d1028 : +4
311 : #2d1028 : +5
312 : #2d1027 : +6
313 : #2d1027 : +7
314 : #2d1026 : +8
315 : #2d1026 : +9
316 : #2d1025 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #1e1e1e : -48
2 : #1f1e1f : -46
4 : #201d20 : -44
6 : #201d20 : -42
8 : #211c21 : -40
10 : #221c21 : -38
12 : #221b22 : -36
14 : #231a22 : -34
16 : #231a23 : -32
18 : #241923 : -30
20 : #251823 : -28
22 : #251824 : -26
24 : #261724 : -24
26 : #271725 : -22
28 : #271625 : -20
30 : #281526 : -18
32 : #281526 : -16
34 : #291427 : -14
36 : #2a1427 : -12
38 : #2a1328 : -10
40 : #2b1228 : -8
42 : #2b1229 : -6
44 : #2c1129 : -4
46 : #2d112a : -2
48 : #2d102a : ±0
50 : #2e0f2b : +2
52 : #2f0f2b : +4
54 : #2f0e2c : +6
56 : #300d2c : +8
58 : #300d2d : +10
60 : #310c2d : +12
62 : #320c2e : +14
64 : #320b2e : +16
66 : #330a2f : +18
68 : #330a2f : +20
70 : #340930 : +22
72 : #350930 : +24
74 : #350831 : +26
76 : #360731 : +28
78 : #360732 : +30
80 : #370632 : +32
82 : #380633 : +34
84 : #380533 : +36
86 : #390434 : +38
88 : #3a0434 : +40
90 : #3a0335 : +42
92 : #3b0235 : +44
94 : #3b0236 : +46
96 : #3c0136 : +48
98 : #3d0137 : +50
100 : #3d0037 : +52
L : 明度 ( 12% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -12
2 : #080307 : -10
4 : #0f050e : -8
6 : #170815 : -6
8 : #1e0b1c : -4
10 : #260d23 : -2
12 : #2d102a : ±0
14 : #351331 : +2
16 : #3c1538 : +4
18 : #441840 : +6
20 : #4b1b47 : +8
22 : #531d4e : +10
24 : #5b2055 : +12
26 : #62225c : +14
28 : #6a2563 : +16
30 : #71286a : +18
32 : #792a71 : +20
34 : #802d78 : +22
36 : #88307f : +24
38 : #8f3286 : +26
40 : #97358d : +28
42 : #9f3894 : +30
44 : #a63a9b : +32
46 : #ae3da2 : +34
48 : #b540a9 : +36
50 : #bd42b0 : +38
52 : #bf4ab4 : +40
54 : #c251b7 : +42
56 : #c559ba : +44
58 : #c760bd : +46
60 : #ca68c0 : +48
62 : #cd70c3 : +50
64 : #cf77c6 : +52
66 : #d27fca : +54
68 : #d586cd : +56
70 : #d78ed0 : +58
72 : #da95d3 : +60
74 : #dd9dd6 : +62
76 : #dfa4d9 : +64
78 : #e2acdc : +66
80 : #e4b4e0 : +68
82 : #e7bbe3 : +70
84 : #eac3e6 : +72
86 : #eccae9 : +74
88 : #efd2ec : +76
90 : #f2d9ef : +78
92 : #f4e1f2 : +80
94 : #f7e8f6 : +82
96 : #faf0f9 : +84
98 : #fcf7fc : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow