#c78a90
RGB
赤 | 199 |
---|---|
緑 | 138 |
青 | 144 |
HSL
色相 | 354° |
---|---|
彩度 | 35% |
明度 | 66% |
輝度 | 62% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 199, 緑 = 138, 青 = 144 )
HSL ( 色相 = 354°, 彩度 = 35%, 明度 = 66% )
H : 色相 ( 354° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #c78e8a : -350
14 : #c7988a : -340
24 : #c7a28a : -330
34 : #c7ac8a : -320
44 : #c7b68a : -310
54 : #c7c18a : -300
64 : #c3c78a : -290
74 : #b8c78a : -280
84 : #aec78a : -270
94 : #a4c78a : -260
104 : #9ac78a : -250
114 : #90c78a : -240
124 : #8ac78e : -230
134 : #8ac798 : -220
144 : #8ac7a2 : -210
154 : #8ac7ac : -200
164 : #8ac7b6 : -190
174 : #8ac7c1 : -180
184 : #8ac3c7 : -170
194 : #8ab8c7 : -160
204 : #8aaec7 : -150
214 : #8aa4c7 : -140
224 : #8a9ac7 : -130
234 : #8a90c7 : -120
244 : #8e8ac7 : -110
254 : #988ac7 : -100
264 : #a28ac7 : -90
274 : #ac8ac7 : -80
284 : #b68ac7 : -70
294 : #c18ac7 : -60
304 : #c78ac3 : -50
314 : #c78ab8 : -40
324 : #c78aae : -30
334 : #c78aa4 : -20
344 : #c78a9a : -10
354 : #c78a90 : ±0
344 : #c78a9a : -10
345 : #c78a99 : -9
346 : #c78a98 : -8
347 : #c78a97 : -7
348 : #c78a96 : -6
349 : #c78a95 : -5
350 : #c78a94 : -4
351 : #c78a93 : -3
352 : #c78a92 : -2
353 : #c78a91 : -1
354 : #c78a90 : ±0
355 : #c78a8f : +1
356 : #c78a8e : +2
357 : #c78a8d : +3
358 : #c78a8c : +4
359 : #c78a8b : +5
0 : #c78a8a : -354
1 : #c78b8a : -353
2 : #c78c8a : -352
3 : #c78d8a : -351
4 : #c78e8a : -350
S : 彩度 ( 35% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a9a7a8 : -34
3 : #aba6a6 : -32
5 : #ada4a5 : -30
7 : #aea2a3 : -28
9 : #b0a0a2 : -26
11 : #b29fa1 : -24
13 : #b49d9f : -22
15 : #b59b9e : -20
17 : #b79a9d : -18
19 : #b9989b : -16
21 : #bb969a : -14
23 : #bc9498 : -12
25 : #be9397 : -10
27 : #c09196 : -8
29 : #c18f94 : -6
31 : #c38d93 : -4
33 : #c58c91 : -2
35 : #c78a90 : ±0
37 : #c8888f : +2
39 : #ca868d : +4
41 : #cc858c : +6
43 : #ce838a : +8
45 : #cf8189 : +10
47 : #d18088 : +12
49 : #d37e86 : +14
51 : #d57c85 : +16
53 : #d67a84 : +18
55 : #d87982 : +20
57 : #da7781 : +22
59 : #db757f : +24
61 : #dd737e : +26
63 : #df727d : +28
65 : #e1707b : +30
67 : #e26e7a : +32
69 : #e46c78 : +34
71 : #e66b77 : +36
73 : #e86976 : +38
75 : #e96774 : +40
77 : #eb6673 : +42
79 : #ed6472 : +44
81 : #ef6270 : +46
83 : #f0606f : +48
85 : #f25f6d : +50
87 : #f45d6c : +52
89 : #f55b6b : +54
91 : #f75969 : +56
93 : #f95868 : +58
95 : #fb5666 : +60
97 : #fc5465 : +62
99 : #fe5264 : +64
L : 明度 ( 66% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -66
2 : #070304 : -64
4 : #0e0707 : -62
6 : #150a0b : -60
8 : #1c0d0f : -58
10 : #221112 : -56
12 : #291416 : -54
14 : #30171a : -52
16 : #371b1d : -50
18 : #3e1e21 : -48
20 : #452125 : -46
22 : #4c2428 : -44
24 : #53282c : -42
26 : #5a2b30 : -40
28 : #602e33 : -38
30 : #673237 : -36
32 : #6e353b : -34
34 : #75383e : -32
36 : #7c3c42 : -30
38 : #833f46 : -28
40 : #8a4249 : -26
42 : #91464d : -24
44 : #974951 : -22
46 : #9e4c54 : -20
48 : #a55058 : -18
50 : #ac535c : -16
52 : #af5a62 : -14
54 : #b36169 : -12
56 : #b6686f : -10
58 : #b96e76 : -8
60 : #bd757c : -6
62 : #c07c83 : -4
64 : #c38389 : -2
66 : #c78a90 : ±0
68 : #ca9197 : +2
70 : #cd989d : +4
72 : #d19fa4 : +6
74 : #d4a5aa : +8
76 : #d7acb1 : +10
78 : #dbb3b7 : +12
80 : #debabe : +14
82 : #e1c1c4 : +16
84 : #e4c8cb : +18
86 : #e8cfd1 : +20
88 : #ebd6d8 : +22
90 : #eeddde : +24
92 : #f2e3e5 : +26
94 : #f5eaeb : +28
96 : #f8f1f2 : +30
98 : #fcf8f8 : +32
100 : #ffffff : +34
CSS入門、作ってます。
text-shadow