#14de0d
RGB
赤 | 20 |
---|---|
緑 | 222 |
青 | 13 |
HSL
色相 | 118° |
---|---|
彩度 | 89% |
明度 | 46% |
輝度 | 54% |
3桁の色
補色
反転色
RGB ( 赤 = 20, 緑 = 222, 青 = 13 )
HSL ( 色相 = 118°, 彩度 = 89%, 明度 = 46% )
H : 色相 ( 118° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #de290d : -110
18 : #de4c0d : -100
28 : #de6e0d : -90
38 : #de910d : -80
48 : #deb40d : -70
58 : #ded70d : -60
68 : #c2de0d : -50
78 : #9fde0d : -40
88 : #7cde0d : -30
98 : #59de0d : -20
108 : #37de0d : -10
118 : #14de0d : ±0
128 : #0dde29 : +10
138 : #0dde4c : +20
148 : #0dde6e : +30
158 : #0dde91 : +40
168 : #0ddeb4 : +50
178 : #0dded7 : +60
188 : #0dc2de : +70
198 : #0d9fde : +80
208 : #0d7cde : +90
218 : #0d59de : +100
228 : #0d37de : +110
238 : #0d14de : +120
248 : #290dde : +130
258 : #4c0dde : +140
268 : #6e0dde : +150
278 : #910dde : +160
288 : #b40dde : +170
298 : #d70dde : +180
308 : #de0dc2 : +190
318 : #de0d9f : +200
328 : #de0d7c : +210
338 : #de0d59 : +220
348 : #de0d37 : +230
358 : #de0d14 : +240
108 : #37de0d : -10
109 : #33de0d : -9
110 : #30de0d : -8
111 : #2cde0d : -7
112 : #29de0d : -6
113 : #25de0d : -5
114 : #22de0d : -4
115 : #1ede0d : -3
116 : #1bde0d : -2
117 : #17de0d : -1
118 : #14de0d : ±0
119 : #10de0d : +1
120 : #0dde0d : +2
121 : #0dde10 : +3
122 : #0dde14 : +4
123 : #0dde17 : +5
124 : #0dde1b : +6
125 : #0dde1e : +7
126 : #0dde22 : +8
127 : #0dde25 : +9
128 : #0dde29 : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747674 : -88
3 : #727972 : -86
5 : #707b6f : -84
7 : #6e7e6d : -82
9 : #6b806b : -80
11 : #698268 : -78
13 : #678566 : -76
15 : #658764 : -74
17 : #638961 : -72
19 : #608c5f : -70
21 : #5e8e5d : -68
23 : #5c905a : -66
25 : #5a9358 : -64
27 : #589556 : -62
29 : #569753 : -60
31 : #539a51 : -58
33 : #519c4f : -56
35 : #4f9e4c : -54
37 : #4da14a : -52
39 : #4ba348 : -50
41 : #48a545 : -48
43 : #46a843 : -46
45 : #44aa41 : -44
47 : #42ac3e : -42
49 : #40af3c : -40
51 : #3db139 : -38
53 : #3bb337 : -36
55 : #39b635 : -34
57 : #37b832 : -32
59 : #35bb30 : -30
61 : #33bd2e : -28
63 : #30bf2b : -26
65 : #2ec229 : -24
67 : #2cc427 : -22
69 : #2ac624 : -20
71 : #28c922 : -18
73 : #25cb20 : -16
75 : #23cd1d : -14
77 : #21d01b : -12
79 : #1fd219 : -10
81 : #1dd416 : -8
83 : #1ad714 : -6
85 : #18d912 : -4
87 : #16db0f : -2
89 : #14de0d : ±0
91 : #12e00b : +2
93 : #0fe208 : +4
95 : #0de506 : +6
97 : #0be704 : +8
99 : #09e901 : +10
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #010a01 : -44
4 : #021301 : -42
6 : #031d02 : -40
8 : #032702 : -38
10 : #043003 : -36
12 : #053a03 : -34
14 : #064304 : -32
16 : #074d04 : -30
18 : #085705 : -28
20 : #096006 : -26
22 : #096a06 : -24
24 : #0a7407 : -22
26 : #0b7d07 : -20
28 : #0c8708 : -18
30 : #0d9108 : -16
32 : #0e9a09 : -14
34 : #0fa40a : -12
36 : #10ae0a : -10
38 : #10b70b : -8
40 : #11c10b : -6
42 : #12ca0c : -4
44 : #13d40c : -2
46 : #14de0d : ±0
48 : #15e70d : +2
50 : #16f10e : +4
52 : #1ff218 : +6
54 : #28f221 : +8
56 : #32f32b : +10
58 : #3bf335 : +12
60 : #44f43e : +14
62 : #4ef448 : +16
64 : #57f551 : +18
66 : #60f55b : +20
68 : #6af665 : +22
70 : #73f76e : +24
72 : #7cf778 : +26
74 : #86f882 : +28
76 : #8ff88b : +30
78 : #98f995 : +32
80 : #a2f99f : +34
82 : #abfaa8 : +36
84 : #b4fbb2 : +38
86 : #befbbc : +40
88 : #c7fcc5 : +42
90 : #d0fccf : +44
92 : #dafdd8 : +46
94 : #e3fde2 : +48
96 : #ecfeec : +50
98 : #f6fef5 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow