#c24277
RGB
赤 | 194 |
---|---|
緑 | 66 |
青 | 119 |
HSL
色相 | 335° |
---|---|
彩度 | 51% |
明度 | 51% |
輝度 | 43% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 194, 緑 = 66, 青 = 119 )
HSL ( 色相 = 335°, 彩度 = 51%, 明度 = 51% )
H : 色相 ( 335° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #c24d42 : -330
15 : #c26242 : -320
25 : #c27742 : -310
35 : #c28d42 : -300
45 : #c2a242 : -290
55 : #c2b742 : -280
65 : #b7c242 : -270
75 : #a2c242 : -260
85 : #8dc242 : -250
95 : #77c242 : -240
105 : #62c242 : -230
115 : #4dc242 : -220
125 : #42c24d : -210
135 : #42c262 : -200
145 : #42c277 : -190
155 : #42c28d : -180
165 : #42c2a2 : -170
175 : #42c2b7 : -160
185 : #42b7c2 : -150
195 : #42a2c2 : -140
205 : #428dc2 : -130
215 : #4277c2 : -120
225 : #4262c2 : -110
235 : #424dc2 : -100
245 : #4d42c2 : -90
255 : #6242c2 : -80
265 : #7742c2 : -70
275 : #8d42c2 : -60
285 : #a242c2 : -50
295 : #b742c2 : -40
305 : #c242b7 : -30
315 : #c242a2 : -20
325 : #c2428d : -10
335 : #c24277 : ±0
345 : #c24262 : +10
355 : #c2424d : +20
325 : #c2428d : -10
326 : #c2428b : -9
327 : #c24288 : -8
328 : #c24286 : -7
329 : #c24284 : -6
330 : #c24282 : -5
331 : #c24280 : -4
332 : #c2427e : -3
333 : #c2427c : -2
334 : #c2427a : -1
335 : #c24277 : ±0
336 : #c24275 : +1
337 : #c24273 : +2
338 : #c24271 : +3
339 : #c2426f : +4
340 : #c2426d : +5
341 : #c2426b : +6
342 : #c24269 : +7
343 : #c24266 : +8
344 : #c24264 : +9
345 : #c24262 : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #838182 : -50
3 : #867e81 : -48
5 : #887c81 : -46
7 : #8b7981 : -44
9 : #8d7780 : -42
11 : #907480 : -40
13 : #92727f : -38
15 : #956f7f : -36
17 : #976d7f : -34
19 : #9a6a7e : -32
21 : #9c687e : -30
23 : #9f657d : -28
25 : #a1637d : -26
27 : #a4607c : -24
29 : #a65e7c : -22
31 : #a95b7c : -20
33 : #ab597b : -18
35 : #ae567b : -16
37 : #b0547a : -14
39 : #b3517a : -12
41 : #b54f7a : -10
43 : #b84c79 : -8
45 : #ba4a79 : -6
47 : #bd4778 : -4
49 : #bf4578 : -2
51 : #c24277 : ±0
53 : #c44077 : +2
55 : #c73d77 : +4
57 : #c93b76 : +6
59 : #cc3876 : +8
61 : #ce3675 : +10
63 : #d13375 : +12
65 : #d33175 : +14
67 : #d62e74 : +16
69 : #d82c74 : +18
71 : #db2973 : +20
73 : #dd2773 : +22
75 : #e02472 : +24
77 : #e22272 : +26
79 : #e51f72 : +28
81 : #e71d71 : +30
83 : #ea1a71 : +32
85 : #ec1870 : +34
87 : #ef1570 : +36
89 : #f11370 : +38
91 : #f4106f : +40
93 : #f60e6f : +42
95 : #f90b6e : +44
97 : #fb096e : +46
99 : #fe066d : +48
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -50
3 : #0c0407 : -48
5 : #13060c : -46
7 : #1b0910 : -44
9 : #230b15 : -42
11 : #2a0e1a : -40
13 : #32101e : -38
15 : #3a1323 : -36
17 : #411528 : -34
19 : #49182c : -32
21 : #511a31 : -30
23 : #591d36 : -28
25 : #601f3a : -26
27 : #68223f : -24
29 : #702444 : -22
31 : #772748 : -20
33 : #7f294d : -18
35 : #872c52 : -16
37 : #8e2e56 : -14
39 : #96315b : -12
41 : #9e3360 : -10
43 : #a63664 : -8
45 : #ad3869 : -6
47 : #b53b6e : -4
49 : #bd3d72 : -2
51 : #c24277 : ±0
53 : #c44a7d : +2
55 : #c75282 : +4
57 : #c95988 : +6
59 : #cc618e : +8
61 : #ce6993 : +10
63 : #d17199 : +12
65 : #d3789e : +14
67 : #d680a4 : +16
69 : #d888a9 : +18
71 : #db8faf : +20
73 : #dd97b4 : +22
75 : #e09fba : +24
77 : #e2a6bf : +26
79 : #e5aec5 : +28
81 : #e7b6ca : +30
83 : #eabed0 : +32
85 : #ecc5d5 : +34
87 : #efcddb : +36
89 : #f1d5e1 : +38
91 : #f4dce6 : +40
93 : #f6e4ec : +42
95 : #f9ecf1 : +44
97 : #fbf3f7 : +46
99 : #fefbfc : +48
CSS入門、作ってます。
text-shadow