#a84d93
RGB
赤 | 168 |
---|---|
緑 | 77 |
青 | 147 |
HSL
色相 | 314° |
---|---|
彩度 | 37% |
明度 | 48% |
輝度 | 44% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 168, 緑 = 77, 青 = 147 )
HSL ( 色相 = 314°, 彩度 = 37%, 明度 = 48% )
H : 色相 ( 314° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #a8534d : -310
14 : #a8624d : -300
24 : #a8714d : -290
34 : #a8804d : -280
44 : #a8904d : -270
54 : #a89f4d : -260
64 : #a2a84d : -250
74 : #93a84d : -240
84 : #83a84d : -230
94 : #74a84d : -220
104 : #65a84d : -210
114 : #56a84d : -200
124 : #4da853 : -190
134 : #4da862 : -180
144 : #4da871 : -170
154 : #4da880 : -160
164 : #4da890 : -150
174 : #4da89f : -140
184 : #4da2a8 : -130
194 : #4d93a8 : -120
204 : #4d83a8 : -110
214 : #4d74a8 : -100
224 : #4d65a8 : -90
234 : #4d56a8 : -80
244 : #534da8 : -70
254 : #624da8 : -60
264 : #714da8 : -50
274 : #804da8 : -40
284 : #904da8 : -30
294 : #9f4da8 : -20
304 : #a84da2 : -10
314 : #a84d93 : ±0
324 : #a84d83 : +10
334 : #a84d74 : +20
344 : #a84d65 : +30
354 : #a84d56 : +40
304 : #a84da2 : -10
305 : #a84da0 : -9
306 : #a84d9f : -8
307 : #a84d9d : -7
308 : #a84d9c : -6
309 : #a84d9a : -5
310 : #a84d99 : -4
311 : #a84d97 : -3
312 : #a84d96 : -2
313 : #a84d94 : -1
314 : #a84d93 : ±0
315 : #a84d91 : +1
316 : #a84d90 : +2
317 : #a84d8e : +3
318 : #a84d8d : +4
319 : #a84d8b : +5
320 : #a84d89 : +6
321 : #a84d88 : +7
322 : #a84d86 : +8
323 : #a84d85 : +9
324 : #a84d83 : +10
S : 彩度 ( 37% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c797b : -36
3 : #7e777c : -34
5 : #81747e : -32
7 : #83727f : -30
9 : #856f80 : -28
11 : #886d82 : -26
13 : #8a6a83 : -24
15 : #8d6884 : -22
17 : #8f6685 : -20
19 : #926387 : -18
21 : #946188 : -16
23 : #975e89 : -14
25 : #995c8b : -12
27 : #9b598c : -10
29 : #9e578d : -8
31 : #a0548f : -6
33 : #a35290 : -4
35 : #a55091 : -2
37 : #a84d93 : ±0
39 : #aa4b94 : +2
41 : #ad4895 : +4
43 : #af4696 : +6
45 : #b14398 : +8
47 : #b44199 : +10
49 : #b63e9a : +12
51 : #b93c9c : +14
53 : #bb3a9d : +16
55 : #be379e : +18
57 : #c035a0 : +20
59 : #c332a1 : +22
61 : #c530a2 : +24
63 : #c82da4 : +26
65 : #ca2ba5 : +28
67 : #cc28a6 : +30
69 : #cf26a7 : +32
71 : #d123a9 : +34
73 : #d421aa : +36
75 : #d61fab : +38
77 : #d91cad : +40
79 : #db1aae : +42
81 : #de17af : +44
83 : #e015b1 : +46
85 : #e212b2 : +48
87 : #e510b3 : +50
89 : #e70db4 : +52
91 : #ea0bb6 : +54
93 : #ec09b7 : +56
95 : #ef06b8 : +58
97 : #f104ba : +60
99 : #f401bb : +62
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #070306 : -46
4 : #0e060c : -44
6 : #150a12 : -42
8 : #1c0d18 : -40
10 : #23101f : -38
12 : #2a1325 : -36
14 : #31162b : -34
16 : #381a31 : -32
18 : #3f1d37 : -30
20 : #46203d : -28
22 : #4d2343 : -26
24 : #542749 : -24
26 : #5b2a4f : -22
28 : #622d55 : -20
30 : #69305c : -18
32 : #703362 : -16
34 : #773768 : -14
36 : #7e3a6e : -12
38 : #853d74 : -10
40 : #8c407a : -8
42 : #934380 : -6
44 : #9a4786 : -4
46 : #a14a8c : -2
48 : #a84d93 : ±0
50 : #af5099 : +2
52 : #b2579d : +4
54 : #b55ea1 : +6
56 : #b865a5 : +8
58 : #bc6ca9 : +10
60 : #bf73ad : +12
62 : #c27ab1 : +14
64 : #c581b5 : +16
66 : #c888b9 : +18
68 : #cc8fbe : +20
70 : #cf96c2 : +22
72 : #d29dc6 : +24
74 : #d5a4ca : +26
76 : #d8abce : +28
78 : #dcb2d2 : +30
80 : #dfb9d6 : +32
82 : #e2c0da : +34
84 : #e5c7de : +36
86 : #e9cee2 : +38
88 : #ecd5e6 : +40
90 : #efdceb : +42
92 : #f2e3ef : +44
94 : #f5eaf3 : +46
96 : #f9f1f7 : +48
98 : #fcf8fb : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow