#de351b
RGB
赤 | 222 |
---|---|
緑 | 53 |
青 | 27 |
HSL
色相 | 8° |
---|---|
彩度 | 78% |
明度 | 49% |
輝度 | 39% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 222, 緑 = 53, 青 = 27 )
HSL ( 色相 = 8°, 彩度 = 78%, 明度 = 49% )
H : 色相 ( 8° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #de351b : ±0
18 : #de561b : +10
28 : #de761b : +20
38 : #de971b : +30
48 : #deb71b : +40
58 : #ded81b : +50
68 : #c4de1b : +60
78 : #a4de1b : +70
88 : #83de1b : +80
98 : #63de1b : +90
108 : #42de1b : +100
118 : #22de1b : +110
128 : #1bde35 : +120
138 : #1bde56 : +130
148 : #1bde76 : +140
158 : #1bde97 : +150
168 : #1bdeb7 : +160
178 : #1bded8 : +170
188 : #1bc4de : +180
198 : #1ba4de : +190
208 : #1b83de : +200
218 : #1b63de : +210
228 : #1b42de : +220
238 : #1b22de : +230
248 : #351bde : +240
258 : #561bde : +250
268 : #761bde : +260
278 : #971bde : +270
288 : #b71bde : +280
298 : #d81bde : +290
308 : #de1bc4 : +300
318 : #de1ba4 : +310
328 : #de1b83 : +320
338 : #de1b63 : +330
348 : #de1b42 : +340
358 : #de1b22 : +350
358 : #de1b22 : +350
359 : #de1b1f : +351
0 : #de1b1b : -8
1 : #de1f1b : -7
2 : #de221b : -6
3 : #de251b : -5
4 : #de281b : -4
5 : #de2c1b : -3
6 : #de2f1b : -2
7 : #de321b : -1
8 : #de351b : ±0
9 : #de391b : +1
10 : #de3c1b : +2
11 : #de3f1b : +3
12 : #de421b : +4
13 : #de461b : +5
14 : #de491b : +6
15 : #de4c1b : +7
16 : #de4f1b : +8
17 : #de531b : +9
18 : #de561b : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7c7c7c : -78
2 : #7f7b7a : -76
4 : #827978 : -74
6 : #847775 : -72
8 : #877673 : -70
10 : #897470 : -68
12 : #8c726e : -66
14 : #8e706b : -64
16 : #916e69 : -62
18 : #936c66 : -60
20 : #966b64 : -58
22 : #986961 : -56
24 : #9b675f : -54
26 : #9d655c : -52
28 : #a0635a : -50
30 : #a26157 : -48
32 : #a56055 : -46
34 : #a75e52 : -44
36 : #aa5c50 : -42
38 : #ac5a4d : -40
40 : #af584b : -38
42 : #b15648 : -36
44 : #b45546 : -34
46 : #b65343 : -32
48 : #b95141 : -30
50 : #bb4f3e : -28
52 : #be4d3c : -26
54 : #c04b39 : -24
56 : #c34a37 : -22
58 : #c54834 : -20
60 : #c84632 : -18
62 : #ca442f : -16
64 : #cd422d : -14
66 : #cf402a : -12
68 : #d23f28 : -10
70 : #d43d25 : -8
72 : #d73b23 : -6
74 : #d93920 : -4
76 : #dc371e : -2
78 : #de351b : ±0
80 : #e13419 : +2
82 : #e33216 : +4
84 : #e63014 : +6
86 : #e82e11 : +8
88 : #eb2c0f : +10
90 : #ed2a0c : +12
92 : #f0290a : +14
94 : #f22707 : +16
96 : #f52505 : +18
98 : #f72302 : +20
100 : #fa2100 : +22
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #050101 : -48
3 : #0e0302 : -46
5 : #170503 : -44
7 : #200804 : -42
9 : #290a05 : -40
11 : #320c06 : -38
13 : #3b0e07 : -36
15 : #441008 : -34
17 : #4d130a : -32
19 : #56150b : -30
21 : #5f170c : -28
23 : #68190d : -26
25 : #711b0e : -24
27 : #7b1d0f : -22
29 : #842010 : -20
31 : #8d2211 : -18
33 : #962413 : -16
35 : #9f2614 : -14
37 : #a82815 : -12
39 : #b12b16 : -10
41 : #ba2d17 : -8
43 : #c32f18 : -6
45 : #cc3119 : -4
47 : #d5331a : -2
49 : #de351b : ±0
51 : #e43b21 : +2
53 : #e5432a : +4
55 : #e64b33 : +6
57 : #e7533c : +8
59 : #e85b45 : +10
61 : #e9634e : +12
63 : #ea6b57 : +14
65 : #eb7360 : +16
67 : #ec7b69 : +18
69 : #ee8372 : +20
71 : #ef8b7b : +22
73 : #f09384 : +24
75 : #f19b8e : +26
77 : #f2a397 : +28
79 : #f3aba0 : +30
81 : #f4b3a9 : +32
83 : #f5bbb2 : +34
85 : #f7c3bb : +36
87 : #f8cbc4 : +38
89 : #f9d3cd : +40
91 : #fadbd6 : +42
93 : #fbe3df : +44
95 : #fcebe8 : +46
97 : #fdf3f1 : +48
99 : #fefbfa : +50
CSS入門、作ってます。
text-shadow