#cd568f
RGB
| 赤 | 205 |
|---|---|
| 緑 | 86 |
| 青 | 143 |
HSL
| 色相 | 331° |
|---|---|
| 彩度 | 54% |
| 明度 | 57% |
| 輝度 | 50% |
３桁の色
補色
反転色
RGB ( 赤 = 205, 緑 = 86, 青 = 143 )
HSL ( 色相 = 331°, 彩度 = 54%, 明度 = 57% )
H : 色相 ( 331° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #cd5856 : -330
11 : #cd6c56 : -320
21 : #cd8056 : -310
31 : #cd9356 : -300
41 : #cda756 : -290
51 : #cdbb56 : -280
61 : #cbcd56 : -270
71 : #b7cd56 : -260
81 : #a3cd56 : -250
91 : #8fcd56 : -240
101 : #7ccd56 : -230
111 : #68cd56 : -220
121 : #56cd58 : -210
131 : #56cd6c : -200
141 : #56cd80 : -190
151 : #56cd93 : -180
161 : #56cda7 : -170
171 : #56cdbb : -160
181 : #56cbcd : -150
191 : #56b7cd : -140
201 : #56a3cd : -130
211 : #568fcd : -120
221 : #567ccd : -110
231 : #5668cd : -100
241 : #5856cd : -90
251 : #6c56cd : -80
261 : #8056cd : -70
271 : #9356cd : -60
281 : #a756cd : -50
291 : #bb56cd : -40
301 : #cd56cb : -30
311 : #cd56b7 : -20
321 : #cd56a3 : -10
331 : #cd568f : ±0
341 : #cd567c : +10
351 : #cd5668 : +20
321 : #cd56a3 : -10
322 : #cd56a1 : -9
323 : #cd569f : -8
324 : #cd569d : -7
325 : #cd569b : -6
326 : #cd5699 : -5
327 : #cd5697 : -4
328 : #cd5695 : -3
329 : #cd5693 : -2
330 : #cd5691 : -1
331 : #cd568f : ±0
332 : #cd568d : +1
333 : #cd568b : +2
334 : #cd5689 : +3
335 : #cd5687 : +4
336 : #cd5686 : +5
337 : #cd5684 : +6
338 : #cd5682 : +7
339 : #cd5680 : +8
340 : #cd567e : +9
341 : #cd567c : +10
S : 彩度 ( 54% )
(0%) 渋い ～ 鮮やか (100%)
0 : #919191 : -54
2 : #948f91 : -52
4 : #968d91 : -50
6 : #988b91 : -48
8 : #9a8991 : -46
10 : #9c8691 : -44
12 : #9f8491 : -42
14 : #a18291 : -40
16 : #a38091 : -38
18 : #a57e91 : -36
20 : #a77b91 : -34
22 : #a97991 : -32
24 : #ac7790 : -30
26 : #ae7590 : -28
28 : #b07390 : -26
30 : #b27090 : -24
32 : #b46e90 : -22
34 : #b76c90 : -20
36 : #b96a90 : -18
38 : #bb6890 : -16
40 : #bd6590 : -14
42 : #bf6390 : -12
44 : #c26190 : -10
46 : #c45f90 : -8
48 : #c65d90 : -6
50 : #c85b90 : -4
52 : #ca588f : -2
54 : #cd568f : ±0
56 : #cf548f : +2
58 : #d1528f : +4
60 : #d3508f : +6
62 : #d54d8f : +8
64 : #d84b8f : +10
66 : #da498f : +12
68 : #dc478f : +14
70 : #de458f : +16
72 : #e0428f : +18
74 : #e2408f : +20
76 : #e53e8f : +22
78 : #e73c8e : +24
80 : #e93a8e : +26
82 : #eb378e : +28
84 : #ed358e : +30
86 : #f0338e : +32
88 : #f2318e : +34
90 : #f42f8e : +36
92 : #f62c8e : +38
94 : #f82a8e : +40
96 : #fb288e : +42
98 : #fd268e : +44
100 : #ff248e : +46
L : 明度 ( 57% )
(0%) 暗い ～ 明るい (100%)
1 : #040103 : -56
3 : #0c0408 : -54
5 : #14060d : -52
7 : #1b0812 : -50
9 : #230b17 : -48
11 : #2b0d1c : -46
13 : #330f21 : -44
15 : #3b1226 : -42
17 : #43142b : -40
19 : #4b1630 : -38
21 : #521935 : -36
23 : #5a1b3a : -34
25 : #621d3f : -32
27 : #6a2044 : -30
29 : #722249 : -28
31 : #7a244e : -26
33 : #822753 : -24
35 : #892958 : -22
37 : #912b5d : -20
39 : #992e62 : -18
41 : #a13067 : -16
43 : #a9326c : -14
45 : #b13571 : -12
47 : #b93776 : -10
49 : #c0397b : -8
51 : #c63f80 : -6
53 : #c84685 : -4
55 : #ca4e8a : -2
57 : #cd568f : ±0
59 : #cf5e95 : +2
61 : #d1669a : +4
63 : #d46e9f : +6
65 : #d676a4 : +8
67 : #d87da9 : +10
69 : #db85af : +12
71 : #dd8db4 : +14
73 : #df95b9 : +16
75 : #e29dbe : +18
77 : #e4a5c3 : +20
79 : #e6adc8 : +22
81 : #e9b4ce : +24
83 : #ebbcd3 : +26
85 : #edc4d8 : +28
87 : #f0ccdd : +30
89 : #f2d4e2 : +32
91 : #f4dce8 : +34
93 : #f7e4ed : +36
95 : #f9ebf2 : +38
97 : #fbf3f7 : +40
99 : #fefbfc : +42
CSS入門、作ってます。
text-shadow