#144c1c
RGB
赤 | 20 |
---|---|
緑 | 76 |
青 | 28 |
HSL
色相 | 129° |
---|---|
彩度 | 58% |
明度 | 19% |
輝度 | 21% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 20, 緑 = 76, 青 = 28 )
HSL ( 色相 = 129°, 彩度 = 58%, 明度 = 19% )
H : 色相 ( 129° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #4d1d14 : -120
19 : #4d2614 : -110
29 : #4d3014 : -100
39 : #4d3914 : -90
49 : #4d4214 : -80
59 : #4d4c14 : -70
69 : #444d14 : -60
79 : #3b4d14 : -50
89 : #314d14 : -40
99 : #284d14 : -30
109 : #1f4d14 : -20
119 : #154d14 : -10
129 : #144d1d : ±0
139 : #144d26 : +10
149 : #144d30 : +20
159 : #144d39 : +30
169 : #144d42 : +40
179 : #144d4c : +50
189 : #14444d : +60
199 : #143b4d : +70
209 : #14314d : +80
219 : #14284d : +90
229 : #141f4d : +100
239 : #14154d : +110
249 : #1d144d : +120
259 : #26144d : +130
269 : #30144d : +140
279 : #39144d : +150
289 : #42144d : +160
299 : #4c144d : +170
309 : #4d1444 : +180
319 : #4d143b : +190
329 : #4d1431 : +200
339 : #4d1428 : +210
349 : #4d141f : +220
359 : #4d1415 : +230
119 : #154d14 : -10
120 : #144d14 : -9
121 : #144d15 : -8
122 : #144d16 : -7
123 : #144d17 : -6
124 : #144d18 : -5
125 : #144d19 : -4
126 : #144d1a : -3
127 : #144d1b : -2
128 : #144d1c : -1
129 : #144d1d : ±0
130 : #144d1e : +1
131 : #144d1f : +2
132 : #144d20 : +3
133 : #144d21 : +4
134 : #144d21 : +5
135 : #144d22 : +6
136 : #144d23 : +7
137 : #144d24 : +8
138 : #144d25 : +9
139 : #144d26 : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -58
2 : #2f3130 : -56
4 : #2f322f : -54
6 : #2e332e : -52
8 : #2d342e : -50
10 : #2c352d : -48
12 : #2b362c : -46
14 : #2a372c : -44
16 : #29382b : -42
18 : #28392a : -40
20 : #273a2a : -38
22 : #263b29 : -36
24 : #253c28 : -34
26 : #243d28 : -32
28 : #233e27 : -30
30 : #223f26 : -28
32 : #214026 : -26
34 : #204125 : -24
36 : #1f4224 : -22
38 : #1e4324 : -20
40 : #1d4423 : -18
42 : #1c4522 : -16
44 : #1b4622 : -14
46 : #1a4721 : -12
48 : #194820 : -10
50 : #18491f : -8
52 : #174a1f : -6
54 : #164b1e : -4
56 : #154c1d : -2
58 : #144d1d : ±0
60 : #134e1c : +2
62 : #124e1b : +4
64 : #114f1b : +6
66 : #10501a : +8
68 : #105119 : +10
70 : #0f5219 : +12
72 : #0e5318 : +14
74 : #0d5417 : +16
76 : #0c5517 : +18
78 : #0b5616 : +20
80 : #0a5715 : +22
82 : #095815 : +24
84 : #085914 : +26
86 : #075a13 : +28
88 : #065b13 : +30
90 : #055c12 : +32
92 : #045d11 : +34
94 : #035e11 : +36
96 : #025f10 : +38
98 : #01600f : +40
100 : #00610f : +42
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #010402 : -18
3 : #030c05 : -16
5 : #051408 : -14
7 : #071c0b : -12
9 : #0a240e : -10
11 : #0c2c11 : -8
13 : #0e3414 : -6
15 : #103c17 : -4
17 : #12441a : -2
19 : #144d1d : ±0
21 : #165520 : +2
23 : #195d23 : +4
25 : #1b6526 : +6
27 : #1d6d29 : +8
29 : #1f752c : +10
31 : #217d2f : +12
33 : #238532 : +14
35 : #258d35 : +16
37 : #289538 : +18
39 : #2a9d3b : +20
41 : #2ca53e : +22
43 : #2ead41 : +24
45 : #30b544 : +26
47 : #32bd47 : +28
49 : #34c54a : +30
51 : #3acb4f : +32
53 : #42cd56 : +34
55 : #4acf5e : +36
57 : #52d165 : +38
59 : #5ad36c : +40
61 : #62d573 : +42
63 : #6ad77a : +44
65 : #72da82 : +46
67 : #7adc89 : +48
69 : #82de90 : +50
71 : #8ae097 : +52
73 : #92e29e : +54
75 : #9ae4a5 : +56
77 : #a2e6ad : +58
79 : #aae9b4 : +60
81 : #b2ebbb : +62
83 : #bbedc2 : +64
85 : #c3efc9 : +66
87 : #cbf1d0 : +68
89 : #d3f3d8 : +70
91 : #dbf5df : +72
93 : #e3f8e6 : +74
95 : #ebfaed : +76
97 : #f3fcf4 : +78
99 : #fbfefb : +80
CSS入門、作ってます。
text-shadow