#12402a
RGB ( 赤 = 18, 緑 = 64, 青 = 42 )
HSL ( 色相 = 151°, 彩度 = 56%, 明度 = 16% )
H : 色相 ( 151° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #401312 : -150
11 : #401a12 : -140
21 : #402212 : -130
31 : #402a12 : -120
41 : #403112 : -110
51 : #403912 : -100
61 : #3f4012 : -90
71 : #374012 : -80
81 : #304012 : -70
91 : #284012 : -60
101 : #204012 : -50
111 : #194012 : -40
121 : #124013 : -30
131 : #12401a : -20
141 : #124022 : -10
151 : #12402a : ±0
161 : #124031 : +10
171 : #124039 : +20
181 : #123f40 : +30
191 : #123740 : +40
201 : #123040 : +50
211 : #122840 : +60
221 : #122040 : +70
231 : #121940 : +80
241 : #131240 : +90
251 : #1a1240 : +100
261 : #221240 : +110
271 : #2a1240 : +120
281 : #311240 : +130
291 : #391240 : +140
301 : #40123f : +150
311 : #401237 : +160
321 : #401230 : +170
331 : #401228 : +180
341 : #401220 : +190
351 : #401219 : +200
141 : #124022 : -10
142 : #124023 : -9
143 : #124023 : -8
144 : #124024 : -7
145 : #124025 : -6
146 : #124026 : -5
147 : #124027 : -4
148 : #124027 : -3
149 : #124028 : -2
150 : #124029 : -1
151 : #12402a : ±0
152 : #12402a : +1
153 : #12402b : +2
154 : #12402c : +3
155 : #12402d : +4
156 : #12402d : +5
157 : #12402e : +6
158 : #12402f : +7
159 : #124030 : +8
160 : #124030 : +9
161 : #124031 : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -56
2 : #282a29 : -54
4 : #272a29 : -52
6 : #262b29 : -50
8 : #262c29 : -48
10 : #252d29 : -46
12 : #242e29 : -44
14 : #232f29 : -42
16 : #222f29 : -40
18 : #213029 : -38
20 : #213129 : -36
22 : #203229 : -34
24 : #1f3329 : -32
26 : #1e3329 : -30
28 : #1d3429 : -28
30 : #1d3529 : -26
32 : #1c3629 : -24
34 : #1b3729 : -22
36 : #1a3729 : -20
38 : #193829 : -18
40 : #183929 : -16
42 : #183a29 : -14
44 : #173b29 : -12
46 : #163c29 : -10
48 : #153c29 : -8
50 : #143d29 : -6
52 : #143e2a : -4
54 : #133f2a : -2
56 : #12402a : ±0
58 : #11402a : +2
60 : #10412a : +4
62 : #10422a : +6
64 : #0f432a : +8
66 : #0e442a : +10
68 : #0d452a : +12
70 : #0c452a : +14
72 : #0b462a : +16
74 : #0b472a : +18
76 : #0a482a : +20
78 : #09492a : +22
80 : #08492a : +24
82 : #074a2a : +26
84 : #074b2a : +28
86 : #064c2a : +30
88 : #054d2a : +32
90 : #044e2a : +34
92 : #034e2a : +36
94 : #024f2a : +38
96 : #02502a : +40
98 : #01512a : +42
100 : #00522a : +44
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #020805 : -14
4 : #04100a : -12
6 : #071810 : -10
8 : #092015 : -8
10 : #0b281a : -6
12 : #0d301f : -4
14 : #103824 : -2
16 : #12402a : ±0
18 : #14482f : +2
20 : #165034 : +4
22 : #195839 : +6
24 : #1b5f3e : +8
26 : #1d6744 : +10
28 : #1f6f49 : +12
30 : #22774e : +14
32 : #247f53 : +16
34 : #268758 : +18
36 : #288f5e : +20
38 : #2b9763 : +22
40 : #2d9f68 : +24
42 : #2fa76d : +26
44 : #31af72 : +28
46 : #34b777 : +30
48 : #36bf7d : +32
50 : #38c782 : +34
52 : #40c987 : +36
54 : #48cb8c : +38
56 : #50ce91 : +40
58 : #58d096 : +42
60 : #60d29b : +44
62 : #68d4a0 : +46
64 : #70d7a5 : +48
66 : #78d9aa : +50
68 : #80dbaf : +52
70 : #88ddb4 : +54
72 : #90e0b9 : +56
74 : #98e2be : +58
76 : #a0e4c3 : +60
78 : #a7e6c8 : +62
80 : #afe9cd : +64
82 : #b7ebd2 : +66
84 : #bfedd7 : +68
86 : #c7efdc : +70
88 : #cff2e1 : +72
90 : #d7f4e6 : +74
92 : #dff6eb : +76
94 : #e7f8f0 : +78
96 : #effbf5 : +80
98 : #f7fdfa : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow