#c24295
RGB
赤 | 194 |
---|---|
緑 | 66 |
青 | 149 |
HSL
色相 | 321° |
---|---|
彩度 | 51% |
明度 | 51% |
輝度 | 45% |
3桁の色
補色
反転色
RGB ( 赤 = 194, 緑 = 66, 青 = 149 )
HSL ( 色相 = 321°, 彩度 = 51%, 明度 = 51% )
H : 色相 ( 321° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #c24442 : -320
11 : #c25a42 : -310
21 : #c26f42 : -300
31 : #c28442 : -290
41 : #c29942 : -280
51 : #c2af42 : -270
61 : #c0c242 : -260
71 : #aac242 : -250
81 : #95c242 : -240
91 : #80c242 : -230
101 : #6bc242 : -220
111 : #55c242 : -210
121 : #42c244 : -200
131 : #42c25a : -190
141 : #42c26f : -180
151 : #42c284 : -170
161 : #42c299 : -160
171 : #42c2af : -150
181 : #42c0c2 : -140
191 : #42aac2 : -130
201 : #4295c2 : -120
211 : #4280c2 : -110
221 : #426bc2 : -100
231 : #4255c2 : -90
241 : #4442c2 : -80
251 : #5a42c2 : -70
261 : #6f42c2 : -60
271 : #8442c2 : -50
281 : #9942c2 : -40
291 : #af42c2 : -30
301 : #c242c0 : -20
311 : #c242aa : -10
321 : #c24295 : ±0
331 : #c24280 : +10
341 : #c2426b : +20
351 : #c24255 : +30
311 : #c242aa : -10
312 : #c242a8 : -9
313 : #c242a6 : -8
314 : #c242a4 : -7
315 : #c242a2 : -6
316 : #c242a0 : -5
317 : #c2429e : -4
318 : #c2429c : -3
319 : #c24299 : -2
320 : #c24297 : -1
321 : #c24295 : ±0
322 : #c24293 : +1
323 : #c24291 : +2
324 : #c2428f : +3
325 : #c2428d : +4
326 : #c2428b : +5
327 : #c24288 : +6
328 : #c24286 : +7
329 : #c24284 : +8
330 : #c24282 : +9
331 : #c24280 : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #838182 : -50
3 : #867e83 : -48
5 : #887c84 : -46
7 : #8b7985 : -44
9 : #8d7785 : -42
11 : #907486 : -40
13 : #927287 : -38
15 : #956f88 : -36
17 : #976d88 : -34
19 : #9a6a89 : -32
21 : #9c688a : -30
23 : #9f658b : -28
25 : #a1638b : -26
27 : #a4608c : -24
29 : #a65e8d : -22
31 : #a95b8e : -20
33 : #ab598e : -18
35 : #ae568f : -16
37 : #b05490 : -14
39 : #b35191 : -12
41 : #b54f91 : -10
43 : #b84c92 : -8
45 : #ba4a93 : -6
47 : #bd4794 : -4
49 : #bf4594 : -2
51 : #c24295 : ±0
53 : #c44096 : +2
55 : #c73d97 : +4
57 : #c93b97 : +6
59 : #cc3898 : +8
61 : #ce3699 : +10
63 : #d1339a : +12
65 : #d3319a : +14
67 : #d62e9b : +16
69 : #d82c9c : +18
71 : #db299d : +20
73 : #dd279d : +22
75 : #e0249e : +24
77 : #e2229f : +26
79 : #e51fa0 : +28
81 : #e71da0 : +30
83 : #ea1aa1 : +32
85 : #ec18a2 : +34
87 : #ef15a3 : +36
89 : #f113a3 : +38
91 : #f410a4 : +40
93 : #f60ea5 : +42
95 : #f90ba6 : +44
97 : #fb09a6 : +46
99 : #fe06a7 : +48
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -50
3 : #0c0409 : -48
5 : #13060f : -46
7 : #1b0915 : -44
9 : #230b1a : -42
11 : #2a0e20 : -40
13 : #321026 : -38
15 : #3a132c : -36
17 : #411532 : -34
19 : #491838 : -32
21 : #511a3e : -30
23 : #591d44 : -28
25 : #601f4a : -26
27 : #68224f : -24
29 : #702455 : -22
31 : #77275b : -20
33 : #7f2961 : -18
35 : #872c67 : -16
37 : #8e2e6d : -14
39 : #963173 : -12
41 : #9e3379 : -10
43 : #a6367e : -8
45 : #ad3884 : -6
47 : #b53b8a : -4
49 : #bd3d90 : -2
51 : #c24295 : ±0
53 : #c44a99 : +2
55 : #c7529e : +4
57 : #c959a2 : +6
59 : #cc61a6 : +8
61 : #ce69ab : +10
63 : #d171af : +12
65 : #d378b3 : +14
67 : #d680b8 : +16
69 : #d888bc : +18
71 : #db8fc0 : +20
73 : #dd97c5 : +22
75 : #e09fc9 : +24
77 : #e2a6cd : +26
79 : #e5aed2 : +28
81 : #e7b6d6 : +30
83 : #eabeda : +32
85 : #ecc5df : +34
87 : #efcde3 : +36
89 : #f1d5e7 : +38
91 : #f4dcec : +40
93 : #f6e4f0 : +42
95 : #f9ecf4 : +44
97 : #fbf3f9 : +46
99 : #fefbfd : +48
CSS入門、作ってます。
text-shadow