#180e43
RGB ( 赤 = 24, 緑 = 14, 青 = 67 )
HSL ( 色相 = 251°, 彩度 = 65%, 明度 = 16% )
H : 色相 ( 251° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #430f0e : -250
11 : #43180e : -240
21 : #43210e : -230
31 : #432a0e : -220
41 : #43330e : -210
51 : #433b0e : -200
61 : #42430e : -190
71 : #3a430e : -180
81 : #31430e : -170
91 : #28430e : -160
101 : #1f430e : -150
111 : #16430e : -140
121 : #0e430f : -130
131 : #0e4318 : -120
141 : #0e4321 : -110
151 : #0e432a : -100
161 : #0e4333 : -90
171 : #0e433b : -80
181 : #0e4243 : -70
191 : #0e3a43 : -60
201 : #0e3143 : -50
211 : #0e2843 : -40
221 : #0e1f43 : -30
231 : #0e1643 : -20
241 : #0f0e43 : -10
251 : #180e43 : ±0
261 : #210e43 : +10
271 : #2a0e43 : +20
281 : #330e43 : +30
291 : #3b0e43 : +40
301 : #430e42 : +50
311 : #430e3a : +60
321 : #430e31 : +70
331 : #430e28 : +80
341 : #430e1f : +90
351 : #430e16 : +100
241 : #0f0e43 : -10
242 : #100e43 : -9
243 : #110e43 : -8
244 : #120e43 : -7
245 : #130e43 : -6
246 : #140e43 : -5
247 : #140e43 : -4
248 : #150e43 : -3
249 : #160e43 : -2
250 : #170e43 : -1
251 : #180e43 : ±0
252 : #190e43 : +1
253 : #1a0e43 : +2
254 : #1b0e43 : +3
255 : #1c0e43 : +4
256 : #1c0e43 : +5
257 : #1d0e43 : +6
258 : #1e0e43 : +7
259 : #1f0e43 : +8
260 : #200e43 : +9
261 : #210e43 : +10
S : 彩度 ( 65% )
(0%) 渋い ~ 鮮やか (100%)
1 : #292829 : -64
3 : #28282a : -62
5 : #28272b : -60
7 : #27262c : -58
9 : #26252c : -56
11 : #26242d : -54
13 : #25232e : -52
15 : #25232f : -50
17 : #242230 : -48
19 : #242131 : -46
21 : #232031 : -44
23 : #231f32 : -42
25 : #221f33 : -40
27 : #221e34 : -38
29 : #211d35 : -36
31 : #211c35 : -34
33 : #201b36 : -32
35 : #201b37 : -30
37 : #1f1a38 : -28
39 : #1f1939 : -26
41 : #1e183a : -24
43 : #1e173a : -22
45 : #1d163b : -20
47 : #1d163c : -18
49 : #1c153d : -16
51 : #1c143e : -14
53 : #1b133e : -12
55 : #1b123f : -10
57 : #1a1240 : -8
59 : #1a1141 : -6
61 : #191042 : -4
63 : #190f43 : -2
65 : #180e43 : ±0
67 : #170d44 : +2
69 : #170d45 : +4
71 : #160c46 : +6
73 : #160b47 : +8
75 : #150a47 : +10
77 : #150948 : +12
79 : #140949 : +14
81 : #14084a : +16
83 : #13074b : +18
85 : #13064b : +20
87 : #12054c : +22
89 : #12044d : +24
91 : #11044e : +26
93 : #11034f : +28
95 : #100250 : +30
97 : #100150 : +32
99 : #0f0051 : +34
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #030208 : -14
4 : #060411 : -12
6 : #090519 : -10
8 : #0c0722 : -8
10 : #0f092a : -6
12 : #120b32 : -4
14 : #150c3b : -2
16 : #180e43 : ±0
18 : #1b104c : +2
20 : #1e1254 : +4
22 : #21145d : +6
24 : #241565 : +8
26 : #27176d : +10
28 : #2a1976 : +12
30 : #2d1b7e : +14
32 : #301d87 : +16
34 : #331e8f : +18
36 : #362097 : +20
38 : #3922a0 : +22
40 : #3c24a8 : +24
42 : #3f25b1 : +26
44 : #4227b9 : +28
46 : #4529c2 : +30
48 : #482bca : +32
50 : #4b2dd2 : +34
52 : #5235d4 : +36
54 : #593dd6 : +38
56 : #6146d8 : +40
58 : #684eda : +42
60 : #6f57db : +44
62 : #765fdd : +46
64 : #7d68df : +48
66 : #8570e1 : +50
68 : #8c78e2 : +52
70 : #9381e4 : +54
72 : #9a89e6 : +56
74 : #a192e8 : +58
76 : #a99aea : +60
78 : #b0a2eb : +62
80 : #b7abed : +64
82 : #beb3ef : +66
84 : #c5bcf1 : +68
86 : #cdc4f3 : +70
88 : #d4cdf4 : +72
90 : #dbd5f6 : +74
92 : #e2ddf8 : +76
94 : #e9e6fa : +78
96 : #f1eefb : +80
98 : #f8f7fd : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow