#180706
RGB ( 赤 = 24, 緑 = 7, 青 = 6 )
HSL ( 色相 = 3°, 彩度 = 60%, 明度 = 6% )
H : 色相 ( 3° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #180706 : ±0
13 : #180a06 : +10
23 : #180d06 : +20
33 : #181006 : +30
43 : #181306 : +40
53 : #181606 : +50
63 : #181806 : +60
73 : #151806 : +70
83 : #111806 : +80
93 : #0e1806 : +90
103 : #0b1806 : +100
113 : #081806 : +110
123 : #061807 : +120
133 : #06180a : +130
143 : #06180d : +140
153 : #061810 : +150
163 : #061813 : +160
173 : #061816 : +170
183 : #061818 : +180
193 : #061518 : +190
203 : #061118 : +200
213 : #060e18 : +210
223 : #060b18 : +220
233 : #060818 : +230
243 : #070618 : +240
253 : #0a0618 : +250
263 : #0d0618 : +260
273 : #100618 : +270
283 : #130618 : +280
293 : #160618 : +290
303 : #180618 : +300
313 : #180615 : +310
323 : #180611 : +320
333 : #18060e : +330
343 : #18060b : +340
353 : #180608 : +350
353 : #180608 : +350
354 : #180608 : +351
355 : #180608 : +352
356 : #180607 : +353
357 : #180607 : +354
358 : #180607 : +355
359 : #180606 : +356
0 : #180606 : -3
1 : #180606 : -2
2 : #180706 : -1
3 : #180706 : ±0
4 : #180706 : +1
5 : #180806 : +2
6 : #180806 : +3
7 : #180806 : +4
8 : #180906 : +5
9 : #180906 : +6
10 : #180906 : +7
11 : #180906 : +8
12 : #180a06 : +9
13 : #180a06 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #0f0f0f : -60
2 : #100f0f : -58
4 : #100f0f : -56
6 : #100e0e : -54
8 : #110e0e : -52
10 : #110e0e : -50
12 : #110e0d : -48
14 : #110d0d : -46
16 : #120d0d : -44
18 : #120d0d : -42
20 : #120d0c : -40
22 : #130c0c : -38
24 : #130c0c : -36
26 : #130c0b : -34
28 : #140b0b : -32
30 : #140b0b : -30
32 : #140b0a : -28
34 : #150b0a : -26
36 : #150a0a : -24
38 : #150a09 : -22
40 : #150a09 : -20
42 : #160a09 : -18
44 : #160909 : -16
46 : #160908 : -14
48 : #170908 : -12
50 : #170808 : -10
52 : #170807 : -8
54 : #180807 : -6
56 : #180807 : -4
58 : #180706 : -2
60 : #180706 : ±0
62 : #190706 : +2
64 : #190606 : +4
66 : #190605 : +6
68 : #1a0605 : +8
70 : #1a0605 : +10
72 : #1a0504 : +12
74 : #1b0504 : +14
76 : #1b0504 : +16
78 : #1b0503 : +18
80 : #1c0403 : +20
82 : #1c0403 : +22
84 : #1c0402 : +24
86 : #1c0302 : +26
88 : #1d0302 : +28
90 : #1d0302 : +30
92 : #1d0301 : +32
94 : #1e0201 : +34
96 : #1e0201 : +36
98 : #1e0200 : +38
100 : #1f0200 : +40
L : 明度 ( 6% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -6
2 : #080202 : -4
4 : #100504 : -2
6 : #180706 : ±0
8 : #210908 : +2
10 : #290c0a : +4
12 : #310e0c : +6
14 : #39100e : +8
16 : #411310 : +10
18 : #491512 : +12
20 : #521714 : +14
22 : #5a1a16 : +16
24 : #621c18 : +18
26 : #6a1e1b : +20
28 : #72211d : +22
30 : #7a231f : +24
32 : #832621 : +26
34 : #8b2823 : +28
36 : #932a25 : +30
38 : #9b2d27 : +32
40 : #a32f29 : +34
42 : #ab312b : +36
44 : #b4342d : +38
46 : #bc362f : +40
48 : #c43831 : +42
50 : #cc3b33 : +44
52 : #ce433b : +46
54 : #d04a43 : +48
56 : #d2524b : +50
58 : #d45a54 : +52
60 : #d6625c : +54
62 : #d86a64 : +56
64 : #da726c : +58
66 : #dc7974 : +60
68 : #de817c : +62
70 : #e08985 : +64
72 : #e2918d : +66
74 : #e49995 : +68
76 : #e7a19d : +70
78 : #e9a9a5 : +72
80 : #ebb0ad : +74
82 : #edb8b6 : +76
84 : #efc0be : +78
86 : #f1c8c6 : +80
88 : #f3d0ce : +82
90 : #f5d8d6 : +84
92 : #f7e0de : +86
94 : #f9e7e7 : +88
96 : #fbefef : +90
98 : #fdf7f7 : +92
100 : #ffffff : +94
CSS入門、作ってます。
text-shadow