#18180b
RGB ( 赤 = 24, 緑 = 24, 青 = 11 )
HSL ( 色相 = 60°, 彩度 = 37%, 明度 = 7% )
H : 色相 ( 60° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #180b0b : -60
10 : #180d0b : -50
20 : #18100b : -40
30 : #18120b : -30
40 : #18140b : -20
50 : #18160b : -10
60 : #18180b : ±0
70 : #16180b : +10
80 : #14180b : +20
90 : #12180b : +30
100 : #10180b : +40
110 : #0d180b : +50
120 : #0b180b : +60
130 : #0b180d : +70
140 : #0b1810 : +80
150 : #0b1812 : +90
160 : #0b1814 : +100
170 : #0b1816 : +110
180 : #0b1818 : +120
190 : #0b1618 : +130
200 : #0b1418 : +140
210 : #0b1218 : +150
220 : #0b1018 : +160
230 : #0b0d18 : +170
240 : #0b0b18 : +180
250 : #0d0b18 : +190
260 : #100b18 : +200
270 : #120b18 : +210
280 : #140b18 : +220
290 : #160b18 : +230
300 : #180b18 : +240
310 : #180b16 : +250
320 : #180b14 : +260
330 : #180b12 : +270
340 : #180b10 : +280
350 : #180b0d : +290
50 : #18160b : -10
51 : #18160b : -9
52 : #18170b : -8
53 : #18170b : -7
54 : #18170b : -6
55 : #18170b : -5
56 : #18180b : -4
57 : #18180b : -3
58 : #18180b : -2
59 : #18180b : -1
60 : #18180b : ±0
61 : #18180b : +1
62 : #18180b : +2
63 : #18180b : +3
64 : #18180b : +4
65 : #17180b : +5
66 : #17180b : +6
67 : #17180b : +7
68 : #17180b : +8
69 : #16180b : +9
70 : #16180b : +10
S : 彩度 ( 37% )
(0%) 渋い ~ 鮮やか (100%)
1 : #121212 : -36
3 : #121211 : -34
5 : #131311 : -32
7 : #131311 : -30
9 : #131310 : -28
11 : #141410 : -26
13 : #141410 : -24
15 : #15150f : -22
17 : #15150f : -20
19 : #15150e : -18
21 : #16160e : -16
23 : #16160e : -14
25 : #16160d : -12
27 : #17170d : -10
29 : #17170d : -8
31 : #17170c : -6
33 : #18180c : -4
35 : #18180c : -2
37 : #18180b : ±0
39 : #19190b : +2
41 : #19190b : +4
43 : #1a1a0a : +6
45 : #1a1a0a : +8
47 : #1a1a09 : +10
49 : #1b1b09 : +12
51 : #1b1b09 : +14
53 : #1b1b08 : +16
55 : #1c1c08 : +18
57 : #1c1c08 : +20
59 : #1c1c07 : +22
61 : #1d1d07 : +24
63 : #1d1d07 : +26
65 : #1d1d06 : +28
67 : #1e1e06 : +30
69 : #1e1e06 : +32
71 : #1f1f05 : +34
73 : #1f1f05 : +36
75 : #1f1f04 : +38
77 : #202004 : +40
79 : #202004 : +42
81 : #202003 : +44
83 : #212103 : +46
85 : #212103 : +48
87 : #212102 : +50
89 : #222202 : +52
91 : #222202 : +54
93 : #222201 : +56
95 : #232301 : +58
97 : #232301 : +60
99 : #242400 : +62
L : 明度 ( 7% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -6
3 : #0a0a05 : -4
5 : #111108 : -2
7 : #18180b : ±0
9 : #1f1f0e : +2
11 : #262612 : +4
13 : #2d2d15 : +6
15 : #343418 : +8
17 : #3b3b1b : +10
19 : #42421f : +12
21 : #494922 : +14
23 : #505025 : +16
25 : #575728 : +18
27 : #5e5e2b : +20
29 : #65652f : +22
31 : #6c6c32 : +24
33 : #737335 : +26
35 : #7a7a38 : +28
37 : #81813b : +30
39 : #88883f : +32
41 : #8f8f42 : +34
43 : #969645 : +36
45 : #9d9d48 : +38
47 : #a4a44c : +40
49 : #abab4f : +42
51 : #b0b054 : +44
53 : #b3b35b : +46
55 : #b7b762 : +48
57 : #baba69 : +50
59 : #bdbd70 : +52
61 : #c0c077 : +54
63 : #c4c47e : +56
65 : #c7c785 : +58
67 : #caca8c : +60
69 : #cdcd93 : +62
71 : #d0d09a : +64
73 : #d4d4a1 : +66
75 : #d7d7a8 : +68
77 : #dadaaf : +70
79 : #ddddb6 : +72
81 : #e0e0bd : +74
83 : #e4e4c4 : +76
85 : #e7e7cb : +78
87 : #eaead2 : +80
89 : #ededd9 : +82
91 : #f1f1e0 : +84
93 : #f4f4e7 : +86
95 : #f7f7ee : +88
97 : #fafaf5 : +90
99 : #fdfdfc : +92
CSS入門、作ってます。
text-shadow