#db29ab
RGB
| 赤 | 219 |
|---|---|
| 緑 | 41 |
| 青 | 171 |
HSL
| 色相 | 316° |
|---|---|
| 彩度 | 71% |
| 明度 | 51% |
| 輝度 | 43% |
３桁の色
補色
反転色
RGB ( 赤 = 219, 緑 = 41, 青 = 171 )
HSL ( 色相 = 316°, 彩度 = 71%, 明度 = 51% )
H : 色相 ( 316° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #db3b29 : -310
16 : #db5929 : -300
26 : #db7629 : -290
36 : #db9429 : -280
46 : #dbb129 : -270
56 : #dbcf29 : -260
66 : #c9db29 : -250
76 : #abdb29 : -240
86 : #8edb29 : -230
96 : #70db29 : -220
106 : #53db29 : -210
116 : #35db29 : -200
126 : #29db3b : -190
136 : #29db59 : -180
146 : #29db76 : -170
156 : #29db94 : -160
166 : #29dbb1 : -150
176 : #29dbcf : -140
186 : #29c9db : -130
196 : #29abdb : -120
206 : #298edb : -110
216 : #2970db : -100
226 : #2953db : -90
236 : #2935db : -80
246 : #3b29db : -70
256 : #5929db : -60
266 : #7629db : -50
276 : #9429db : -40
286 : #b129db : -30
296 : #cf29db : -20
306 : #db29c9 : -10
316 : #db29ab : ±0
326 : #db298e : +10
336 : #db2970 : +20
346 : #db2953 : +30
356 : #db2935 : +40
306 : #db29c9 : -10
307 : #db29c6 : -9
308 : #db29c3 : -8
309 : #db29c0 : -7
310 : #db29bd : -6
311 : #db29ba : -5
312 : #db29b7 : -4
313 : #db29b4 : -3
314 : #db29b1 : -2
315 : #db29ae : -1
316 : #db29ab : ±0
317 : #db29a8 : +1
318 : #db29a6 : +2
319 : #db29a3 : +3
320 : #db29a0 : +4
321 : #db299d : +5
322 : #db299a : +6
323 : #db2997 : +7
324 : #db2994 : +8
325 : #db2991 : +9
326 : #db298e : +10
S : 彩度 ( 71% )
(0%) 渋い ～ 鮮やか (100%)
1 : #838183 : -70
3 : #867e84 : -68
5 : #887c85 : -66
7 : #8b7986 : -64
9 : #8d7787 : -62
11 : #907488 : -60
13 : #92728a : -58
15 : #956f8b : -56
17 : #976d8c : -54
19 : #9a6a8d : -52
21 : #9c688e : -50
23 : #9f658f : -48
25 : #a16391 : -46
27 : #a46092 : -44
29 : #a65e93 : -42
31 : #a95b94 : -40
33 : #ab5995 : -38
35 : #ae5696 : -36
37 : #b05498 : -34
39 : #b35199 : -32
41 : #b54f9a : -30
43 : #b84c9b : -28
45 : #ba4a9c : -26
47 : #bd479d : -24
49 : #bf459f : -22
51 : #c242a0 : -20
53 : #c440a1 : -18
55 : #c73da2 : -16
57 : #c93ba3 : -14
59 : #cc38a4 : -12
61 : #ce36a6 : -10
63 : #d133a7 : -8
65 : #d331a8 : -6
67 : #d62ea9 : -4
69 : #d82caa : -2
71 : #db29ab : ±0
73 : #dd27ad : +2
75 : #e024ae : +4
77 : #e222af : +6
79 : #e51fb0 : +8
81 : #e71db1 : +10
83 : #ea1ab2 : +12
85 : #ec18b4 : +14
87 : #ef15b5 : +16
89 : #f113b6 : +18
91 : #f410b7 : +20
93 : #f60eb8 : +22
95 : #f90bb9 : +24
97 : #fb09bb : +26
99 : #fe06bc : +28
L : 明度 ( 51% )
(0%) 暗い ～ 明るい (100%)
1 : #040103 : -50
3 : #0d020a : -48
5 : #160411 : -46
7 : #1f0518 : -44
9 : #27071f : -42
11 : #300825 : -40
13 : #390a2c : -38
15 : #410b33 : -36
17 : #4a0d3a : -34
19 : #530e41 : -32
21 : #5c1047 : -30
23 : #64114e : -28
25 : #6d1255 : -26
27 : #76145c : -24
29 : #7e1562 : -22
31 : #871769 : -20
33 : #901870 : -18
35 : #991a77 : -16
37 : #a11b7e : -14
39 : #aa1d84 : -12
41 : #b31e8b : -10
43 : #bc2092 : -8
45 : #c42199 : -6
47 : #cd23a0 : -4
49 : #d624a6 : -2
51 : #db29ab : ±0
53 : #dc32af : +2
55 : #de3bb2 : +4
57 : #df43b6 : +6
59 : #e14cb9 : +8
61 : #e255bd : +10
63 : #e45ec0 : +12
65 : #e566c3 : +14
67 : #e76fc7 : +16
69 : #e878ca : +18
71 : #ea81ce : +20
73 : #eb89d1 : +22
75 : #ed92d4 : +24
77 : #ee9bd8 : +26
79 : #efa3db : +28
81 : #f1acdf : +30
83 : #f2b5e2 : +32
85 : #f4bee5 : +34
87 : #f5c6e9 : +36
89 : #f7cfec : +38
91 : #f8d8f0 : +40
93 : #fae0f3 : +42
95 : #fbe9f6 : +44
97 : #fdf2fa : +46
99 : #fefbfd : +48
CSS入門、作ってます。
text-shadow