#d30978
RGB
赤 | 211 |
---|---|
緑 | 9 |
青 | 120 |
HSL
色相 | 327° |
---|---|
彩度 | 92% |
明度 | 43% |
輝度 | 32% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 211, 緑 = 9, 青 = 120 )
HSL ( 色相 = 327°, 彩度 = 92%, 明度 = 43% )
H : 色相 ( 327° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #d32009 : -320
17 : #d34209 : -310
27 : #d36409 : -300
37 : #d38509 : -290
47 : #d3a709 : -280
57 : #d3c809 : -270
67 : #bbd309 : -260
77 : #99d309 : -250
87 : #78d309 : -240
97 : #56d309 : -230
107 : #34d309 : -220
117 : #13d309 : -210
127 : #09d320 : -200
137 : #09d342 : -190
147 : #09d364 : -180
157 : #09d385 : -170
167 : #09d3a7 : -160
177 : #09d3c8 : -150
187 : #09bbd3 : -140
197 : #0999d3 : -130
207 : #0978d3 : -120
217 : #0956d3 : -110
227 : #0934d3 : -100
237 : #0913d3 : -90
247 : #2009d3 : -80
257 : #4209d3 : -70
267 : #6409d3 : -60
277 : #8509d3 : -50
287 : #a709d3 : -40
297 : #c809d3 : -30
307 : #d309bb : -20
317 : #d30999 : -10
327 : #d30978 : ±0
337 : #d30956 : +10
347 : #d30934 : +20
357 : #d30913 : +30
317 : #d30999 : -10
318 : #d30996 : -9
319 : #d30993 : -8
320 : #d3098f : -7
321 : #d3098c : -6
322 : #d30989 : -5
323 : #d30985 : -4
324 : #d30982 : -3
325 : #d3097e : -2
326 : #d3097b : -1
327 : #d30978 : ±0
328 : #d30974 : +1
329 : #d30971 : +2
330 : #d3096e : +3
331 : #d3096a : +4
332 : #d30967 : +5
333 : #d30964 : +6
334 : #d30960 : +7
335 : #d3095d : +8
336 : #d30959 : +9
337 : #d30956 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -92
2 : #706b6e : -90
4 : #72696e : -88
6 : #74676e : -86
8 : #76656f : -84
10 : #79636f : -82
12 : #7b606f : -80
14 : #7d5e6f : -78
16 : #7f5c6f : -76
18 : #815a70 : -74
20 : #845870 : -72
22 : #865670 : -70
24 : #885370 : -68
26 : #8a5171 : -66
28 : #8c4f71 : -64
30 : #8f4d71 : -62
32 : #914b71 : -60
34 : #934871 : -58
36 : #954672 : -56
38 : #974472 : -54
40 : #9a4272 : -52
42 : #9c4072 : -50
44 : #9e3d72 : -48
46 : #a03b73 : -46
48 : #a23973 : -44
50 : #a43773 : -42
52 : #a73573 : -40
54 : #a93274 : -38
56 : #ab3074 : -36
58 : #ad2e74 : -34
60 : #af2c74 : -32
62 : #b22a74 : -30
64 : #b42775 : -28
66 : #b62575 : -26
68 : #b82375 : -24
70 : #ba2175 : -22
72 : #bd1f76 : -20
74 : #bf1d76 : -18
76 : #c11a76 : -16
78 : #c31876 : -14
80 : #c51676 : -12
82 : #c81477 : -10
84 : #ca1277 : -8
86 : #cc0f77 : -6
88 : #ce0d77 : -4
90 : #d00b78 : -2
92 : #d30978 : ±0
94 : #d50778 : +2
96 : #d70478 : +4
98 : #d90278 : +6
100 : #db0079 : +8
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #050003 : -42
3 : #0f0108 : -40
5 : #18010e : -38
7 : #220113 : -36
9 : #2c0219 : -34
11 : #36021f : -32
13 : #400324 : -30
15 : #49032a : -28
17 : #53032f : -26
19 : #5d0435 : -24
21 : #67043a : -22
23 : #710540 : -20
25 : #7a0546 : -18
27 : #84064b : -16
29 : #8e0651 : -14
31 : #980656 : -12
33 : #a2075c : -10
35 : #ab0761 : -8
37 : #b50867 : -6
39 : #bf086d : -4
41 : #c90872 : -2
43 : #d30978 : ±0
45 : #dc097d : +2
47 : #e60a83 : +4
49 : #f00a88 : +6
51 : #f50f8e : +8
53 : #f51992 : +10
55 : #f62397 : +12
57 : #f62c9b : +14
59 : #f736a0 : +16
61 : #f740a5 : +18
63 : #f74aa9 : +20
65 : #f854ae : +22
67 : #f85db3 : +24
69 : #f967b7 : +26
71 : #f971bc : +28
73 : #f97bc0 : +30
75 : #fa85c5 : +32
77 : #fa8eca : +34
79 : #fb98ce : +36
81 : #fba2d3 : +38
83 : #fcacd8 : +40
85 : #fcb6dc : +42
87 : #fcbfe1 : +44
89 : #fdc9e6 : +46
91 : #fdd3ea : +48
93 : #feddef : +50
95 : #fee7f3 : +52
97 : #fef0f8 : +54
99 : #fffafd : +56
CSS入門、作ってます。
text-shadow