#c4408f
RGB
| 赤 | 196 |
|---|---|
| 緑 | 64 |
| 青 | 143 |
HSL
| 色相 | 324° |
|---|---|
| 彩度 | 53% |
| 明度 | 51% |
| 輝度 | 44% |
３桁の色
補色
反転色
RGB ( 赤 = 196, 緑 = 64, 青 = 143 )
HSL ( 色相 = 324°, 彩度 = 53%, 明度 = 51% )
H : 色相 ( 324° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #c44940 : -320
14 : #c45f40 : -310
24 : #c47540 : -300
34 : #c48b40 : -290
44 : #c4a140 : -280
54 : #c4b740 : -270
64 : #bbc440 : -260
74 : #a5c440 : -250
84 : #8fc440 : -240
94 : #79c440 : -230
104 : #63c440 : -220
114 : #4dc440 : -210
124 : #40c449 : -200
134 : #40c45f : -190
144 : #40c475 : -180
154 : #40c48b : -170
164 : #40c4a1 : -160
174 : #40c4b7 : -150
184 : #40bbc4 : -140
194 : #40a5c4 : -130
204 : #408fc4 : -120
214 : #4079c4 : -110
224 : #4063c4 : -100
234 : #404dc4 : -90
244 : #4940c4 : -80
254 : #5f40c4 : -70
264 : #7540c4 : -60
274 : #8b40c4 : -50
284 : #a140c4 : -40
294 : #b740c4 : -30
304 : #c440bb : -20
314 : #c440a5 : -10
324 : #c4408f : ±0
334 : #c44079 : +10
344 : #c44063 : +20
354 : #c4404d : +30
314 : #c440a5 : -10
315 : #c440a3 : -9
316 : #c440a1 : -8
317 : #c4409f : -7
318 : #c4409d : -6
319 : #c4409a : -5
320 : #c44098 : -4
321 : #c44096 : -3
322 : #c44094 : -2
323 : #c44092 : -1
324 : #c4408f : ±0
325 : #c4408d : +1
326 : #c4408b : +2
327 : #c44089 : +3
328 : #c44086 : +4
329 : #c44084 : +5
330 : #c44082 : +6
331 : #c44080 : +7
332 : #c4407e : +8
333 : #c4407b : +9
334 : #c44079 : +10
S : 彩度 ( 53% )
(0%) 渋い ～ 鮮やか (100%)
1 : #838182 : -52
3 : #867e83 : -50
5 : #887c83 : -48
7 : #8b7984 : -46
9 : #8d7784 : -44
11 : #907485 : -42
13 : #927285 : -40
15 : #956f86 : -38
17 : #976d86 : -36
19 : #9a6a87 : -34
21 : #9c6887 : -32
23 : #9f6588 : -30
25 : #a16388 : -28
27 : #a46089 : -26
29 : #a65e89 : -24
31 : #a95b8a : -22
33 : #ab598a : -20
35 : #ae568b : -18
37 : #b0548b : -16
39 : #b3518c : -14
41 : #b54f8c : -12
43 : #b84c8d : -10
45 : #ba4a8d : -8
47 : #bd478e : -6
49 : #bf458e : -4
51 : #c2428f : -2
53 : #c4408f : ±0
55 : #c73d90 : +2
57 : #c93b90 : +4
59 : #cc3891 : +6
61 : #ce3691 : +8
63 : #d13392 : +10
65 : #d33192 : +12
67 : #d62e93 : +14
69 : #d82c93 : +16
71 : #db2994 : +18
73 : #dd2794 : +20
75 : #e02495 : +22
77 : #e22295 : +24
79 : #e51f96 : +26
81 : #e71d96 : +28
83 : #ea1a97 : +30
85 : #ec1897 : +32
87 : #ef1598 : +34
89 : #f11398 : +36
91 : #f41099 : +38
93 : #f60e99 : +40
95 : #f90b9a : +42
97 : #fb099a : +44
99 : #fe069b : +46
L : 明度 ( 51% )
(0%) 暗い ～ 明るい (100%)
1 : #040103 : -50
3 : #0c0408 : -48
5 : #14060e : -46
7 : #1b0814 : -44
9 : #230b19 : -42
11 : #2b0d1f : -40
13 : #331025 : -38
15 : #3b122a : -36
17 : #421430 : -34
19 : #4a1736 : -32
21 : #52193b : -30
23 : #5a1c41 : -28
25 : #621e47 : -26
27 : #69204c : -24
29 : #712352 : -22
31 : #792557 : -20
33 : #81285d : -18
35 : #892a63 : -16
37 : #902c68 : -14
39 : #982f6e : -12
41 : #a03174 : -10
43 : #a83479 : -8
45 : #b0367f : -6
47 : #b73885 : -4
49 : #bf3b8a : -2
51 : #c4408f : ±0
53 : #c74894 : +2
55 : #c94f98 : +4
57 : #cb579d : +6
59 : #ce5fa2 : +8
61 : #d067a6 : +10
63 : #d36fab : +12
65 : #d576af : +14
67 : #d77eb4 : +16
69 : #da86b8 : +18
71 : #dc8ebd : +20
73 : #df96c1 : +22
75 : #e19dc6 : +24
77 : #e3a5cb : +26
79 : #e6adcf : +28
81 : #e8b5d4 : +30
83 : #ebbdd8 : +32
85 : #edc4dd : +34
87 : #efcce1 : +36
89 : #f2d4e6 : +38
91 : #f4dcea : +40
93 : #f7e4ef : +42
95 : #f9ebf4 : +44
97 : #fbf3f8 : +46
99 : #fefbfd : +48
CSS入門、作ってます。
text-shadow