#d50b74
RGB
赤 | 213 |
---|---|
緑 | 11 |
青 | 116 |
HSL
色相 | 329° |
---|---|
彩度 | 90% |
明度 | 44% |
輝度 | 33% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 213, 緑 = 11, 青 = 116 )
HSL ( 色相 = 329°, 彩度 = 90%, 明度 = 44% )
H : 色相 ( 329° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #d52a0b : -320
19 : #d54b0b : -310
29 : #d56d0b : -300
39 : #d58e0b : -290
49 : #d5b00b : -280
59 : #d5d20b : -270
69 : #b7d50b : -260
79 : #95d50b : -250
89 : #74d50b : -240
99 : #52d50b : -230
109 : #30d50b : -220
119 : #0fd50b : -210
129 : #0bd52a : -200
139 : #0bd54b : -190
149 : #0bd56d : -180
159 : #0bd58e : -170
169 : #0bd5b0 : -160
179 : #0bd5d2 : -150
189 : #0bb7d5 : -140
199 : #0b95d5 : -130
209 : #0b74d5 : -120
219 : #0b52d5 : -110
229 : #0b30d5 : -100
239 : #0b0fd5 : -90
249 : #2a0bd5 : -80
259 : #4b0bd5 : -70
269 : #6d0bd5 : -60
279 : #8e0bd5 : -50
289 : #b00bd5 : -40
299 : #d20bd5 : -30
309 : #d50bb7 : -20
319 : #d50b95 : -10
329 : #d50b74 : ±0
339 : #d50b52 : +10
349 : #d50b30 : +20
359 : #d50b0f : +30
319 : #d50b95 : -10
320 : #d50b92 : -9
321 : #d50b8e : -8
322 : #d50b8b : -7
323 : #d50b88 : -6
324 : #d50b84 : -5
325 : #d50b81 : -4
326 : #d50b7e : -3
327 : #d50b7a : -2
328 : #d50b77 : -1
329 : #d50b74 : ±0
330 : #d50b70 : +1
331 : #d50b6d : +2
332 : #d50b69 : +3
333 : #d50b66 : +4
334 : #d50b63 : +5
335 : #d50b5f : +6
336 : #d50b5c : +7
337 : #d50b59 : +8
338 : #d50b55 : +9
339 : #d50b52 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -90
2 : #726e70 : -88
4 : #756c70 : -86
6 : #776970 : -84
8 : #796770 : -82
10 : #7b6571 : -80
12 : #7e6371 : -78
14 : #806071 : -76
16 : #825e71 : -74
18 : #845c71 : -72
20 : #875a71 : -70
22 : #895871 : -68
24 : #8b5571 : -66
26 : #8d5371 : -64
28 : #905171 : -62
30 : #924f71 : -60
32 : #944c71 : -58
34 : #964a71 : -56
36 : #994872 : -54
38 : #9b4672 : -52
40 : #9d4372 : -50
42 : #9f4172 : -48
44 : #a23f72 : -46
46 : #a43d72 : -44
48 : #a63a72 : -42
50 : #a83872 : -40
52 : #ab3672 : -38
54 : #ad3472 : -36
56 : #af3172 : -34
58 : #b12f72 : -32
60 : #b42d72 : -30
62 : #b62b73 : -28
64 : #b82873 : -26
66 : #ba2673 : -24
68 : #bc2473 : -22
70 : #bf2273 : -20
72 : #c11f73 : -18
74 : #c31d73 : -16
76 : #c51b73 : -14
78 : #c81973 : -12
80 : #ca1673 : -10
82 : #cc1473 : -8
84 : #ce1273 : -6
86 : #d11073 : -4
88 : #d30d73 : -2
90 : #d50b74 : ±0
92 : #d70974 : +2
94 : #da0774 : +4
96 : #dc0474 : +6
98 : #de0274 : +8
100 : #e00074 : +10
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #0a0105 : -42
4 : #13010b : -40
6 : #1d0210 : -38
8 : #270215 : -36
10 : #30031a : -34
12 : #3a0320 : -32
14 : #440425 : -30
16 : #4e042a : -28
18 : #57052f : -26
20 : #610535 : -24
22 : #6b063a : -22
24 : #74063f : -20
26 : #7e0744 : -18
28 : #88074a : -16
30 : #91084f : -14
32 : #9b0854 : -12
34 : #a50959 : -10
36 : #ae095f : -8
38 : #b80a64 : -6
40 : #c20a69 : -4
42 : #cb0b6e : -2
44 : #d50b74 : ±0
46 : #df0c79 : +2
48 : #e90c7e : +4
50 : #f20d83 : +6
52 : #f31688 : +8
54 : #f3208d : +10
56 : #f42a92 : +12
58 : #f43497 : +14
60 : #f53d9c : +16
62 : #f547a1 : +18
64 : #f651a6 : +20
66 : #f65aab : +22
68 : #f764b0 : +24
70 : #f76eb5 : +26
72 : #f877ba : +28
74 : #f881bf : +30
76 : #f98bc4 : +32
78 : #f994c9 : +34
80 : #fa9ece : +36
82 : #faa8d2 : +38
84 : #fbb1d7 : +40
86 : #fbbbdc : +42
88 : #fcc5e1 : +44
90 : #fccfe6 : +46
92 : #fdd8eb : +48
94 : #fde2f0 : +50
96 : #feecf5 : +52
98 : #fef5fa : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow