#ca0cb7
RGB
赤 | 202 |
---|---|
緑 | 12 |
青 | 183 |
HSL
色相 | 306° |
---|---|
彩度 | 89% |
明度 | 42% |
輝度 | 35% |
3桁の色
補色
反転色
RGB ( 赤 = 202, 緑 = 12, 青 = 183 )
HSL ( 色相 = 306°, 彩度 = 89%, 明度 = 42% )
H : 色相 ( 306° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #ca1f0c : -300
16 : #ca3f0c : -290
26 : #ca5e0c : -280
36 : #ca7e0c : -270
46 : #ca9e0c : -260
56 : #cabe0c : -250
66 : #b7ca0c : -240
76 : #98ca0c : -230
86 : #78ca0c : -220
96 : #58ca0c : -210
106 : #38ca0c : -200
116 : #18ca0c : -190
126 : #0cca1f : -180
136 : #0cca3f : -170
146 : #0cca5e : -160
156 : #0cca7e : -150
166 : #0cca9e : -140
176 : #0ccabe : -130
186 : #0cb7ca : -120
196 : #0c98ca : -110
206 : #0c78ca : -100
216 : #0c58ca : -90
226 : #0c38ca : -80
236 : #0c18ca : -70
246 : #1f0cca : -60
256 : #3f0cca : -50
266 : #5e0cca : -40
276 : #7e0cca : -30
286 : #9e0cca : -20
296 : #be0cca : -10
306 : #ca0cb7 : ±0
316 : #ca0c98 : +10
326 : #ca0c78 : +20
336 : #ca0c58 : +30
346 : #ca0c38 : +40
356 : #ca0c18 : +50
296 : #be0cca : -10
297 : #c10cca : -9
298 : #c40cca : -8
299 : #c70cca : -7
300 : #ca0cca : -6
301 : #ca0cc7 : -5
302 : #ca0cc4 : -4
303 : #ca0cc1 : -3
304 : #ca0cbe : -2
305 : #ca0cbb : -1
306 : #ca0cb7 : ±0
307 : #ca0cb4 : +1
308 : #ca0cb1 : +2
309 : #ca0cae : +3
310 : #ca0cab : +4
311 : #ca0ca7 : +5
312 : #ca0ca4 : +6
313 : #ca0ca1 : +7
314 : #ca0c9e : +8
315 : #ca0c9b : +9
316 : #ca0c98 : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6c6a6c : -88
3 : #6e686e : -86
5 : #70666f : -84
7 : #736471 : -82
9 : #756173 : -80
11 : #775f75 : -78
13 : #795d76 : -76
15 : #7b5b78 : -74
17 : #7d597a : -72
19 : #7f577b : -70
21 : #82557d : -68
23 : #84527f : -66
25 : #865081 : -64
27 : #884e82 : -62
29 : #8a4c84 : -60
31 : #8c4a86 : -58
33 : #8e4887 : -56
35 : #914689 : -54
37 : #93438b : -52
39 : #95418d : -50
41 : #973f8e : -48
43 : #993d90 : -46
45 : #9b3b92 : -44
47 : #9d3993 : -42
49 : #a03795 : -40
51 : #a23497 : -38
53 : #a43299 : -36
55 : #a6309a : -34
57 : #a82e9c : -32
59 : #aa2c9e : -30
61 : #ac2a9f : -28
63 : #af28a1 : -26
65 : #b125a3 : -24
67 : #b323a5 : -22
69 : #b521a6 : -20
71 : #b71fa8 : -18
73 : #b91daa : -16
75 : #bb1bab : -14
77 : #be19ad : -12
79 : #c016af : -10
81 : #c214b1 : -8
83 : #c412b2 : -6
85 : #c610b4 : -4
87 : #c80eb6 : -2
89 : #ca0cb7 : ±0
91 : #cd0ab9 : +2
93 : #cf07bb : +4
95 : #d105bc : +6
97 : #d303be : +8
99 : #d501c0 : +10
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #0a0109 : -40
4 : #130111 : -38
6 : #1d021a : -36
8 : #270223 : -34
10 : #30032c : -32
12 : #3a0334 : -30
14 : #43043d : -28
16 : #4d0446 : -26
18 : #57054f : -24
20 : #600657 : -22
22 : #6a0660 : -20
24 : #740769 : -18
26 : #7d0772 : -16
28 : #87087a : -14
30 : #910883 : -12
32 : #9a098c : -10
34 : #a40a94 : -8
36 : #ae0a9d : -6
38 : #b70ba6 : -4
40 : #c10baf : -2
42 : #ca0cb7 : ±0
44 : #d40cc0 : +2
46 : #de0dc9 : +4
48 : #e70dd2 : +6
50 : #f10eda : +8
52 : #f218dc : +10
54 : #f221dd : +12
56 : #f32bdf : +14
58 : #f335e0 : +16
60 : #f43ee2 : +18
62 : #f448e3 : +20
64 : #f551e5 : +22
66 : #f55be6 : +24
68 : #f665e7 : +26
70 : #f76ee9 : +28
72 : #f778ea : +30
74 : #f882ec : +32
76 : #f88bed : +34
78 : #f995ef : +36
80 : #f99ff0 : +38
82 : #faa8f2 : +40
84 : #fbb2f3 : +42
86 : #fbbcf5 : +44
88 : #fcc5f6 : +46
90 : #fccff8 : +48
92 : #fdd8f9 : +50
94 : #fde2fb : +52
96 : #feecfc : +54
98 : #fef5fe : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow