#dc4cc6
RGB
赤 | 220 |
---|---|
緑 | 76 |
青 | 198 |
HSL
色相 | 309° |
---|---|
彩度 | 67% |
明度 | 58% |
輝度 | 52% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 220, 緑 = 76, 青 = 198 )
HSL ( 色相 = 309°, 彩度 = 67%, 明度 = 58% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #dc624c : -300
19 : #dc7a4c : -290
29 : #dc924c : -280
39 : #dca94c : -270
49 : #dcc14c : -260
59 : #dcd94c : -250
69 : #c6dc4c : -240
79 : #aedc4c : -230
89 : #96dc4c : -220
99 : #7edc4c : -210
109 : #66dc4c : -200
119 : #4fdc4c : -190
129 : #4cdc62 : -180
139 : #4cdc7a : -170
149 : #4cdc92 : -160
159 : #4cdca9 : -150
169 : #4cdcc1 : -140
179 : #4cdcd9 : -130
189 : #4cc6dc : -120
199 : #4caedc : -110
209 : #4c96dc : -100
219 : #4c7edc : -90
229 : #4c66dc : -80
239 : #4c4fdc : -70
249 : #624cdc : -60
259 : #7a4cdc : -50
269 : #924cdc : -40
279 : #a94cdc : -30
289 : #c14cdc : -20
299 : #d94cdc : -10
309 : #dc4cc6 : ±0
319 : #dc4cae : +10
329 : #dc4c96 : +20
339 : #dc4c7e : +30
349 : #dc4c66 : +40
359 : #dc4c4f : +50
299 : #d94cdc : -10
300 : #dc4cdc : -9
301 : #dc4cd9 : -8
302 : #dc4cd7 : -7
303 : #dc4cd4 : -6
304 : #dc4cd2 : -5
305 : #dc4cd0 : -4
306 : #dc4ccd : -3
307 : #dc4ccb : -2
308 : #dc4cc9 : -1
309 : #dc4cc6 : ±0
310 : #dc4cc4 : +1
311 : #dc4cc1 : +2
312 : #dc4cbf : +3
313 : #dc4cbd : +4
314 : #dc4cba : +5
315 : #dc4cb8 : +6
316 : #dc4cb5 : +7
317 : #dc4cb3 : +8
318 : #dc4cb1 : +9
319 : #dc4cae : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #959395 : -66
3 : #979196 : -64
5 : #998f98 : -62
7 : #9b8c99 : -60
9 : #9e8a9b : -58
11 : #a0889c : -56
13 : #a2869e : -54
15 : #a4849f : -52
17 : #a682a1 : -50
19 : #a880a2 : -48
21 : #aa7da4 : -46
23 : #ad7ba5 : -44
25 : #af79a7 : -42
27 : #b177a8 : -40
29 : #b375aa : -38
31 : #b573ab : -36
33 : #b771ad : -34
35 : #b96eae : -32
37 : #bc6cb0 : -30
39 : #be6ab1 : -28
41 : #c068b3 : -26
43 : #c266b4 : -24
45 : #c464b6 : -22
47 : #c662b7 : -20
49 : #c85fb9 : -18
51 : #cb5dba : -16
53 : #cd5bbc : -14
55 : #cf59bd : -12
57 : #d157bf : -10
59 : #d355c0 : -8
61 : #d553c2 : -6
63 : #d750c3 : -4
65 : #da4ec5 : -2
67 : #dc4cc6 : ±0
69 : #de4ac8 : +2
71 : #e048c9 : +4
73 : #e246cb : +6
75 : #e444cc : +8
77 : #e641ce : +10
79 : #e93fcf : +12
81 : #eb3dd1 : +14
83 : #ed3bd2 : +16
85 : #ef39d4 : +18
87 : #f137d5 : +20
89 : #f335d7 : +22
91 : #f532d8 : +24
93 : #f830da : +26
95 : #fa2edb : +28
97 : #fc2cdd : +30
99 : #fe2ade : +32
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #090207 : -56
4 : #11030f : -54
6 : #1a0516 : -52
8 : #22071e : -50
10 : #2b0825 : -48
12 : #330a2d : -46
14 : #3c0c34 : -44
16 : #440d3c : -42
18 : #4d0f43 : -40
20 : #55114b : -38
22 : #5e1352 : -36
24 : #66145a : -34
26 : #6f1661 : -32
28 : #771869 : -30
30 : #801970 : -28
32 : #881b78 : -26
34 : #911d7f : -24
36 : #991e87 : -22
38 : #a2208e : -20
40 : #aa2296 : -18
42 : #b3239d : -16
44 : #bb25a5 : -14
46 : #c427ac : -12
48 : #cc28b4 : -10
50 : #d52abb : -8
52 : #d733be : -6
54 : #d83bc1 : -4
56 : #da44c3 : -2
58 : #dc4cc6 : ±0
60 : #dd55c9 : +2
62 : #df5dcc : +4
64 : #e166ce : +6
66 : #e26ed1 : +8
68 : #e477d4 : +10
70 : #e67fd6 : +12
72 : #e788d9 : +14
74 : #e990dc : +16
76 : #eb99df : +18
78 : #eca1e1 : +20
80 : #eeaae4 : +22
82 : #f0b2e7 : +24
84 : #f2bbe9 : +26
86 : #f3c3ec : +28
88 : #f5ccef : +30
90 : #f7d4f1 : +32
92 : #f8ddf4 : +34
94 : #fae5f7 : +36
96 : #fceefa : +38
98 : #fdf6fc : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow