#d23285
RGB
赤 | 210 |
---|---|
緑 | 50 |
青 | 133 |
HSL
色相 | 329° |
---|---|
彩度 | 64% |
明度 | 51% |
輝度 | 42% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 210, 緑 = 50, 青 = 133 )
HSL ( 色相 = 329°, 彩度 = 64%, 明度 = 51% )
H : 色相 ( 329° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #d24a32 : -320
19 : #d26532 : -310
29 : #d27f32 : -300
39 : #d29a32 : -290
49 : #d2b532 : -280
59 : #d2cf32 : -270
69 : #bad232 : -260
79 : #9fd232 : -250
89 : #85d232 : -240
99 : #6ad232 : -230
109 : #4fd232 : -220
119 : #35d232 : -210
129 : #32d24a : -200
139 : #32d265 : -190
149 : #32d27f : -180
159 : #32d29a : -170
169 : #32d2b5 : -160
179 : #32d2cf : -150
189 : #32bad2 : -140
199 : #329fd2 : -130
209 : #3285d2 : -120
219 : #326ad2 : -110
229 : #324fd2 : -100
239 : #3235d2 : -90
249 : #4a32d2 : -80
259 : #6532d2 : -70
269 : #7f32d2 : -60
279 : #9a32d2 : -50
289 : #b532d2 : -40
299 : #cf32d2 : -30
309 : #d232ba : -20
319 : #d2329f : -10
329 : #d23285 : ±0
339 : #d2326a : +10
349 : #d2324f : +20
359 : #d23235 : +30
319 : #d2329f : -10
320 : #d2329d : -9
321 : #d2329a : -8
322 : #d23297 : -7
323 : #d23295 : -6
324 : #d23292 : -5
325 : #d2328f : -4
326 : #d2328d : -3
327 : #d2328a : -2
328 : #d23287 : -1
329 : #d23285 : ±0
330 : #d23282 : +1
331 : #d2327f : +2
332 : #d2327d : +3
333 : #d2327a : +4
334 : #d23277 : +5
335 : #d23275 : +6
336 : #d23272 : +7
337 : #d2326f : +8
338 : #d2326d : +9
339 : #d2326a : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #828282 : -64
2 : #858082 : -62
4 : #877d82 : -60
6 : #8a7b82 : -58
8 : #8c7882 : -56
10 : #8f7682 : -54
12 : #917383 : -52
14 : #947183 : -50
16 : #966e83 : -48
18 : #996c83 : -46
20 : #9b6983 : -44
22 : #9e6783 : -42
24 : #a06483 : -40
26 : #a36283 : -38
28 : #a55f83 : -36
30 : #a85d83 : -34
32 : #aa5a83 : -32
34 : #ad5883 : -30
36 : #af5584 : -28
38 : #b25384 : -26
40 : #b45084 : -24
42 : #b74e84 : -22
44 : #b94b84 : -20
46 : #bc4984 : -18
48 : #be4684 : -16
50 : #c14484 : -14
52 : #c34184 : -12
54 : #c63f84 : -10
56 : #c83c84 : -8
58 : #cb3a84 : -6
60 : #cd3785 : -4
62 : #d03585 : -2
64 : #d23285 : ±0
66 : #d53085 : +2
68 : #d72d85 : +4
70 : #da2b85 : +6
72 : #dc2885 : +8
74 : #df2685 : +10
76 : #e12385 : +12
78 : #e42185 : +14
80 : #e61e85 : +16
82 : #e91c85 : +18
84 : #eb1986 : +20
86 : #ee1786 : +22
88 : #f01486 : +24
90 : #f31286 : +26
92 : #f50f86 : +28
94 : #f80d86 : +30
96 : #fa0a86 : +32
98 : #fd0886 : +34
100 : #ff0586 : +36
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -50
3 : #0d0308 : -48
5 : #15050d : -46
7 : #1d0612 : -44
9 : #260817 : -42
11 : #2e0a1d : -40
13 : #360c22 : -38
15 : #3f0e27 : -36
17 : #47102c : -34
19 : #4f1131 : -32
21 : #581337 : -30
23 : #60153c : -28
25 : #691741 : -26
27 : #711946 : -24
29 : #791b4c : -22
31 : #821c51 : -20
33 : #8a1e56 : -18
35 : #92205b : -16
37 : #9b2260 : -14
39 : #a32466 : -12
41 : #ab266b : -10
43 : #b42770 : -8
45 : #bc2975 : -6
47 : #c52b7a : -4
49 : #cd2d80 : -2
51 : #d23285 : ±0
53 : #d43a8a : +2
55 : #d6438f : +4
57 : #d84b94 : +6
59 : #d95499 : +8
61 : #db5c9e : +10
63 : #dd64a3 : +12
65 : #df6da8 : +14
67 : #e175ad : +16
69 : #e37db2 : +18
71 : #e486b7 : +20
73 : #e68ebc : +22
75 : #e896c1 : +24
77 : #ea9fc6 : +26
79 : #eca7cb : +28
81 : #eeb0d0 : +30
83 : #efb8d5 : +32
85 : #f1c0da : +34
87 : #f3c9df : +36
89 : #f5d1e4 : +38
91 : #f7d9e9 : +40
93 : #f9e2ee : +42
95 : #faeaf3 : +44
97 : #fcf2f8 : +46
99 : #fefbfd : +48
CSS入門、作ってます。
text-shadow