#af3728
RGB
赤 | 175 |
---|---|
緑 | 55 |
青 | 40 |
HSL
色相 | 7° |
---|---|
彩度 | 63% |
明度 | 42% |
輝度 | 35% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 175, 緑 = 55, 青 = 40 )
HSL ( 色相 = 7°, 彩度 = 63%, 明度 = 42% )
H : 色相 ( 7° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #af3728 : ±0
17 : #af4e28 : +10
27 : #af6428 : +20
37 : #af7b28 : +30
47 : #af9128 : +40
57 : #afa828 : +50
67 : #9faf28 : +60
77 : #88af28 : +70
87 : #72af28 : +80
97 : #5baf28 : +90
107 : #45af28 : +100
117 : #2eaf28 : +110
127 : #28af37 : +120
137 : #28af4e : +130
147 : #28af64 : +140
157 : #28af7b : +150
167 : #28af91 : +160
177 : #28afa8 : +170
187 : #289faf : +180
197 : #2888af : +190
207 : #2872af : +200
217 : #285baf : +210
227 : #2845af : +220
237 : #282eaf : +230
247 : #3728af : +240
257 : #4e28af : +250
267 : #6428af : +260
277 : #7b28af : +270
287 : #9128af : +280
297 : #a828af : +290
307 : #af289f : +300
317 : #af2888 : +310
327 : #af2872 : +320
337 : #af285b : +330
347 : #af2845 : +340
357 : #af282e : +350
357 : #af282e : +350
358 : #af282c : +351
359 : #af282a : +352
0 : #af2828 : -7
1 : #af2a28 : -6
2 : #af2c28 : -5
3 : #af2e28 : -4
4 : #af3128 : -3
5 : #af3328 : -2
6 : #af3528 : -1
7 : #af3728 : ±0
8 : #af3a28 : +1
9 : #af3c28 : +2
10 : #af3e28 : +3
11 : #af4028 : +4
12 : #af4328 : +5
13 : #af4528 : +6
14 : #af4728 : +7
15 : #af4928 : +8
16 : #af4c28 : +9
17 : #af4e28 : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6c6a6a : -62
3 : #6e6968 : -60
5 : #706766 : -58
7 : #736564 : -56
9 : #756461 : -54
11 : #77625f : -52
13 : #79605d : -50
15 : #7b5f5b : -48
17 : #7d5d59 : -46
19 : #7f5b57 : -44
21 : #825a55 : -42
23 : #845852 : -40
25 : #865750 : -38
27 : #88554e : -36
29 : #8a534c : -34
31 : #8c524a : -32
33 : #8e5048 : -30
35 : #914e46 : -28
37 : #934d43 : -26
39 : #954b41 : -24
41 : #97493f : -22
43 : #99483d : -20
45 : #9b463b : -18
47 : #9d4539 : -16
49 : #a04337 : -14
51 : #a24134 : -12
53 : #a44032 : -10
55 : #a63e30 : -8
57 : #a83c2e : -6
59 : #aa3b2c : -4
61 : #ac392a : -2
63 : #af3728 : ±0
65 : #b13625 : +2
67 : #b33423 : +4
69 : #b53221 : +6
71 : #b7311f : +8
73 : #b92f1d : +10
75 : #bb2e1b : +12
77 : #be2c19 : +14
79 : #c02a16 : +16
81 : #c22914 : +18
83 : #c42712 : +20
85 : #c62510 : +22
87 : #c8240e : +24
89 : #ca220c : +26
91 : #cd200a : +28
93 : #cf1f07 : +30
95 : #d11d05 : +32
97 : #d31b03 : +34
99 : #d51a01 : +36
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #080302 : -40
4 : #110504 : -38
6 : #190806 : -36
8 : #210b08 : -34
10 : #2a0d09 : -32
12 : #32100b : -30
14 : #3a120d : -28
16 : #43150f : -26
18 : #4b1811 : -24
20 : #531a13 : -22
22 : #5b1d15 : -20
24 : #642017 : -18
26 : #6c2219 : -16
28 : #74251a : -14
30 : #7d281c : -12
32 : #852a1e : -10
34 : #8d2d20 : -8
36 : #962f22 : -6
38 : #9e3224 : -4
40 : #a63526 : -2
42 : #af3728 : ±0
44 : #b73a2a : +2
46 : #bf3d2b : +4
48 : #c83f2d : +6
50 : #d0422f : +8
52 : #d24937 : +10
54 : #d45140 : +12
56 : #d55948 : +14
58 : #d76050 : +16
60 : #d96859 : +18
62 : #db6f61 : +20
64 : #dd7769 : +22
66 : #df7e72 : +24
68 : #e1867a : +26
70 : #e38e82 : +28
72 : #e5958b : +30
74 : #e69d93 : +32
76 : #e8a49b : +34
78 : #eaaca4 : +36
80 : #ecb3ac : +38
82 : #eebbb4 : +40
84 : #f0c2bc : +42
86 : #f2cac5 : +44
88 : #f4d2cd : +46
90 : #f6d9d5 : +48
92 : #f7e1de : +50
94 : #f9e8e6 : +52
96 : #fbf0ee : +54
98 : #fdf7f7 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow