#300d3b
RGB ( 赤 = 48, 緑 = 13, 青 = 59 )
HSL ( 色相 = 286°, 彩度 = 64%, 明度 = 14% )
H : 色相 ( 286° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #3b110d : -280
16 : #3b190d : -270
26 : #3b210d : -260
36 : #3b280d : -250
46 : #3b300d : -240
56 : #3b380d : -230
66 : #363b0d : -220
76 : #2e3b0d : -210
86 : #273b0d : -200
96 : #1f3b0d : -190
106 : #183b0d : -180
116 : #103b0d : -170
126 : #0d3b11 : -160
136 : #0d3b19 : -150
146 : #0d3b21 : -140
156 : #0d3b28 : -130
166 : #0d3b30 : -120
176 : #0d3b38 : -110
186 : #0d363b : -100
196 : #0d2e3b : -90
206 : #0d273b : -80
216 : #0d1f3b : -70
226 : #0d183b : -60
236 : #0d103b : -50
246 : #110d3b : -40
256 : #190d3b : -30
266 : #210d3b : -20
276 : #280d3b : -10
286 : #300d3b : ±0
296 : #380d3b : +10
306 : #3b0d36 : +20
316 : #3b0d2e : +30
326 : #3b0d27 : +40
336 : #3b0d1f : +50
346 : #3b0d18 : +60
356 : #3b0d10 : +70
276 : #280d3b : -10
277 : #290d3b : -9
278 : #2a0d3b : -8
279 : #2b0d3b : -7
280 : #2b0d3b : -6
281 : #2c0d3b : -5
282 : #2d0d3b : -4
283 : #2e0d3b : -3
284 : #2e0d3b : -2
285 : #2f0d3b : -1
286 : #300d3b : ±0
287 : #310d3b : +1
288 : #310d3b : +2
289 : #320d3b : +3
290 : #330d3b : +4
291 : #340d3b : +5
292 : #340d3b : +6
293 : #350d3b : +7
294 : #360d3b : +8
295 : #370d3b : +9
296 : #380d3b : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -64
2 : #242324 : -62
4 : #242225 : -60
6 : #252226 : -58
8 : #252127 : -56
10 : #262027 : -54
12 : #261f28 : -52
14 : #261f29 : -50
16 : #271e29 : -48
18 : #271d2a : -46
20 : #281d2b : -44
22 : #281c2c : -42
24 : #281b2c : -40
26 : #291a2d : -38
28 : #291a2e : -36
30 : #29192e : -34
32 : #2a182f : -32
34 : #2a1830 : -30
36 : #2b1731 : -28
38 : #2b1631 : -26
40 : #2b1532 : -24
42 : #2c1533 : -22
44 : #2c1433 : -20
46 : #2c1334 : -18
48 : #2d1335 : -16
50 : #2d1236 : -14
52 : #2e1136 : -12
54 : #2e1037 : -10
56 : #2e1038 : -8
58 : #2f0f38 : -6
60 : #2f0e39 : -4
62 : #300e3a : -2
64 : #300d3b : ±0
66 : #300c3b : +2
68 : #310b3c : +4
70 : #310b3d : +6
72 : #310a3d : +8
74 : #32093e : +10
76 : #32093f : +12
78 : #330840 : +14
80 : #330740 : +16
82 : #330641 : +18
84 : #340642 : +20
86 : #340542 : +22
88 : #340443 : +24
90 : #350444 : +26
92 : #350345 : +28
94 : #360245 : +30
96 : #360146 : +32
98 : #360147 : +34
100 : #370047 : +36
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #070208 : -12
4 : #0e0411 : -10
6 : #150619 : -8
8 : #1b0721 : -6
10 : #22092a : -4
12 : #290b32 : -2
14 : #300d3b : ±0
16 : #370f43 : +2
18 : #3e114b : +4
20 : #441254 : +6
22 : #4b145c : +8
24 : #521664 : +10
26 : #59186d : +12
28 : #601a75 : +14
30 : #671c7d : +16
32 : #6d1d86 : +18
34 : #741f8e : +20
36 : #7b2197 : +22
38 : #82239f : +24
40 : #8925a7 : +26
42 : #9027b0 : +28
44 : #9628b8 : +30
46 : #9d2ac0 : +32
48 : #a42cc9 : +34
50 : #ab2ed1 : +36
52 : #ae36d3 : +38
54 : #b23fd5 : +40
56 : #b547d7 : +42
58 : #b84fd8 : +44
60 : #bc58da : +46
62 : #bf60dc : +48
64 : #c368de : +50
66 : #c671e0 : +52
68 : #c979e2 : +54
70 : #cd82e3 : +56
72 : #d08ae5 : +58
74 : #d392e7 : +60
76 : #d79be9 : +62
78 : #daa3eb : +64
80 : #ddabed : +66
82 : #e1b4ee : +68
84 : #e4bcf0 : +70
86 : #e7c4f2 : +72
88 : #ebcdf4 : +74
90 : #eed5f6 : +76
92 : #f2def8 : +78
94 : #f5e6f9 : +80
96 : #f8eefb : +82
98 : #fcf7fd : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow