#ca1ddd
RGB
| 赤 | 202 |
|---|---|
| 緑 | 29 |
| 青 | 221 |
HSL
| 色相 | 294° |
|---|---|
| 彩度 | 77% |
| 明度 | 49% |
| 輝度 | 40% |
３桁の色
補色
反転色
RGB ( 赤 = 202, 緑 = 29, 青 = 221 )
HSL ( 色相 = 294°, 彩度 = 77%, 明度 = 49% )
H : 色相 ( 294° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #dd2a1d : -290
14 : #dd4a1d : -280
24 : #dd6a1d : -270
34 : #dd8a1d : -260
44 : #ddaa1d : -250
54 : #ddca1d : -240
64 : #d0dd1d : -230
74 : #b0dd1d : -220
84 : #90dd1d : -210
94 : #70dd1d : -200
104 : #50dd1d : -190
114 : #30dd1d : -180
124 : #1ddd2a : -170
134 : #1ddd4a : -160
144 : #1ddd6a : -150
154 : #1ddd8a : -140
164 : #1dddaa : -130
174 : #1dddca : -120
184 : #1dd0dd : -110
194 : #1db0dd : -100
204 : #1d90dd : -90
214 : #1d70dd : -80
224 : #1d50dd : -70
234 : #1d30dd : -60
244 : #2a1ddd : -50
254 : #4a1ddd : -40
264 : #6a1ddd : -30
274 : #8a1ddd : -20
284 : #aa1ddd : -10
294 : #ca1ddd : ±0
304 : #dd1dd0 : +10
314 : #dd1db0 : +20
324 : #dd1d90 : +30
334 : #dd1d70 : +40
344 : #dd1d50 : +50
354 : #dd1d30 : +60
284 : #aa1ddd : -10
285 : #ad1ddd : -9
286 : #b01ddd : -8
287 : #b31ddd : -7
288 : #b71ddd : -6
289 : #ba1ddd : -5
290 : #bd1ddd : -4
291 : #c01ddd : -3
292 : #c41ddd : -2
293 : #c71ddd : -1
294 : #ca1ddd : ±0
295 : #cd1ddd : +1
296 : #d01ddd : +2
297 : #d41ddd : +3
298 : #d71ddd : +4
299 : #da1ddd : +5
300 : #dd1ddd : +6
301 : #dd1dda : +7
302 : #dd1dd7 : +8
303 : #dd1dd4 : +9
304 : #dd1dd0 : +10
S : 彩度 ( 77% )
(0%) 渋い ～ 鮮やか (100%)
1 : #7e7c7e : -76
3 : #807981 : -74
5 : #827783 : -72
7 : #847486 : -70
9 : #867288 : -68
11 : #886f8b : -66
13 : #8a6d8d : -64
15 : #8c6a90 : -62
17 : #8e6892 : -60
19 : #906595 : -58
21 : #926397 : -56
23 : #94609a : -54
25 : #965e9c : -52
27 : #985b9f : -50
29 : #9a59a1 : -48
31 : #9c56a4 : -46
33 : #9e54a6 : -44
35 : #a051a9 : -42
37 : #a24fab : -40
39 : #a44cae : -38
41 : #a64ab0 : -36
43 : #a847b3 : -34
45 : #aa45b5 : -32
47 : #ac42b8 : -30
49 : #ae40ba : -28
51 : #b03dbd : -26
53 : #b23bbf : -24
55 : #b438c2 : -22
57 : #b636c4 : -20
59 : #b833c7 : -18
61 : #ba31c9 : -16
63 : #bc2ecc : -14
65 : #be2cce : -12
67 : #c029d1 : -10
69 : #c227d3 : -8
71 : #c424d6 : -6
73 : #c622d8 : -4
75 : #c81fdb : -2
77 : #ca1ddd : ±0
79 : #cc1ae0 : +2
81 : #ce18e2 : +4
83 : #d015e5 : +6
85 : #d213e7 : +8
87 : #d410ea : +10
89 : #d60eec : +12
91 : #d80bef : +14
93 : #da09f1 : +16
95 : #dc06f4 : +18
97 : #de04f6 : +20
99 : #e001f9 : +22
L : 明度 ( 49% )
(0%) 暗い ～ 明るい (100%)
1 : #040105 : -48
3 : #0c020e : -46
5 : #150317 : -44
7 : #1d0420 : -42
9 : #250529 : -40
11 : #2d0632 : -38
13 : #36083b : -36
15 : #3e0944 : -34
17 : #460a4d : -32
19 : #4e0b56 : -30
21 : #570c5f : -28
23 : #5f0d68 : -26
25 : #670f71 : -24
27 : #6f107a : -22
29 : #781183 : -20
31 : #80128c : -18
33 : #881395 : -16
35 : #90159e : -14
37 : #9816a7 : -12
39 : #a117b0 : -10
41 : #a918b9 : -8
43 : #b119c2 : -6
45 : #b91acb : -4
47 : #c21cd4 : -2
49 : #ca1ddd : ±0
51 : #cf22e2 : +2
53 : #d12be3 : +4
55 : #d334e5 : +6
57 : #d53de6 : +8
59 : #d746e7 : +10
61 : #d94fe8 : +12
63 : #db58e9 : +14
65 : #dd61ea : +16
67 : #df6aec : +18
69 : #e173ed : +20
71 : #e37cee : +22
73 : #e585ef : +24
75 : #e78ef0 : +26
77 : #e897f2 : +28
79 : #eaa0f3 : +30
81 : #eca9f4 : +32
83 : #eeb2f5 : +34
85 : #f0bbf6 : +36
87 : #f2c4f7 : +38
89 : #f4cdf9 : +40
91 : #f6d6fa : +42
93 : #f8dffb : +44
95 : #fae8fc : +46
97 : #fcf1fd : +48
99 : #fefafe : +50
CSS入門、作ってます。
text-shadow